熬夜再战Android-Button实现selector选择器

前提

这是小空熬夜写的Android新手向系列，欢迎品尝。

selector是按钮最常用的功能，对美化控件的作用很大。

上节我们说了selector和shape联合使用，但偏向shape的介绍，今天主要说selector。

👉实践过程

我们先按照上一节的shape方式创建两个shape背景

btn_selector_shape1.xml

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"

    android:shape="rectangle">

    <!-- 圆角 -->

    <corners android:radius="5dp" />

    <!--填充颜色-->

    <solid android:color="#00ff00" />

</shape>

btn_selector_shape2.xml

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"

    android:shape="rectangle">

    <!--圆角-->

    <corners android:radius="5dp" />

    <!--填充颜色-->

    <solid android:color="#0000ff" />

</shape>

接着我们在【res-drawable】右键创建个Drawable Resource File ，弹出框写文件名创建文件，设置默认【Root element】为selector。

btn_selector0.xml

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/btn_selector_shape1" android:state_pressed="true" />

    <item android:drawable="@drawable/btn_selector_shape2" android:state_window_focused="false" />

</selector>

布局中引用

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:background="@color/white"

    tools:context=".TextActivity">

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginLeft="160dp"

        android:background="@drawable/btn_selector0"

        android:text="按下变色"

        android:textColor="@color/white" />

</RelativeLayout>

我们运行下看看

但是

我们回忆下，刚才是不是创建了三个文件，按钮少的情况下还好，自定义的按钮一多，这么多文件非常不容易管理，所以我们要用另外一种写法，将所有内容放到一个文件中。

我们在刚才的btn.selector0.xml中修改：

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <!--这是第一种方式，利用drwable引用文件-->

    <!--<item android:drawable="@drawable/btn_selector_shape1" android:state_pressed="true" />-->

    <!--<item android:drawable="@drawable/btn_selector_shape2" android:state_pressed="false" />-->

    <!--第二种方式如下-->

    <item android:state_pressed="false">

        <shape android:shape="rectangle">

            <!-- 圆角 -->

            <corners android:radius="5dp" />

            <!--填充颜色为白色-->

            <solid android:color="#0000ff" />

        </shape>

    </item>

    <!--单击时是一个带圆角,白色背景,绿色边框的矩形-->

    <item android:state_pressed="true">

        <shape android:shape="rectangle">

            <!--圆角-->

            <corners android:radius="5dp" />

            <!--填充颜色为白色-->

            <solid android:color="#00ff00" />

        </shape>

    </item>

</selector>

我们运行起来看看，哎，效果很正确啊

Selector的属性不止这两个哦：

• 
  
• state_focused 布尔值，是否获得焦点
  
• state_window_focused 布尔值，是否获得窗口焦点
  
• state_enabled 布尔值，控件是否可用
  
• state_checkable 布尔值，控件可否被勾选
  
• state_checked 布尔值，控件是否被勾选
  
• state_selected 布尔值，控件是否被选择，针对有滚轮的情况
  
• state_pressed 布尔值，控件是否被按下
  
• state_active 布尔值，控件是否处于活动状态
  
• state_single和state_first和state_middle很少使用，知道就行。