1. 程式人生 > >Drawable基礎知識總結----drawable標籤selector的使用

Drawable基礎知識總結----drawable標籤selector的使用

根據圖片從上到下,依次介紹其drawable佈局程式碼!

1.矩形按鈕,點選會變色

名為selector_drawable:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 獲取焦點狀態 -->
    <item android:state_focused="true"
        android:drawable="@color/colorBule"/>
<!-- 按下狀態 --> <item android:state_pressed="true" android:drawable="@color/colorPrimary"/> <!-- 預設狀態下 --> <item android:drawable="@color/colorGray"/> </selector>

2.圓角按鈕,點選會變色

名為selector_drawable_for_btn:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true"> <shape android:shape="rectangle"> <!-- solid內部填充的顏色--> <solid android:color="@color/colorGreen"/> <!-- stroke虛線 color虛線顏色 dashGap每段線的間隔寬度 dashWidth每段線的長度 width每段線的高度-->
<stroke android:color="@color/colorPink" android:dashGap="15dp" android:dashWidth="30dp" android:width="5dp"/> <corners android:topRightRadius="0dp" android:topLeftRadius="60dp" android:bottomLeftRadius="90dp" android:bottomRightRadius="150dp" /> </shape> </item> <item android:state_pressed="false"> <shape android:shape="rectangle"> <solid android:color="@color/colorGray"/> <corners android:radius="8dp"/> </shape> </item> </selector>

3.整體使用

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:gravity="center"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button
        android:padding="25dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="selector_state"
        android:textColor="@color/colorWhite"
        android:background="@drawable/selector_drawable"/>

    <Button
        android:layout_marginTop="10dp"
        android:padding="25dp"
        android:text="selector_state"
        android:textColor="@color/colorWhite"
        android:background="@drawable/selector_drawable_for_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>