Android开发手册Button实现selector选择器

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>
复制代码

我们运行下看看

Android开发手册Button实现selector选择器_第1张图片

Android开发手册Button实现selector选择器_第2张图片

但是

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

我们在刚才的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_singlestate_firststate_middle很少使用,知道就行

 

以上就是Android开发手册Button实现selector选择器的详细内容,更多关于Android开发Button selector选择器的资料请关注脚本之家其它相关文章!

你可能感兴趣的:(Android开发手册Button实现selector选择器)