Android 的selector背景选择器应用

最新推荐文章于 2021-05-26 20:42:43 发布

快乐的飞鱼

最新推荐文章于 2021-05-26 20:42:43 发布

阅读量799

点赞数

分类专栏： Android开发文章标签： selector button android 背景

本文链接：https://blog.csdn.net/kdsde/article/details/9290003

版权

Android开发专栏收录该内容

156 篇文章 3 订阅

订阅专栏

常做android的经常会用到selector，每一个控件，都需要单独的处理，只是依赖android本身的控件实在是太难看了。总结一下android的selector的用法：

首先android的selector是在drawable/xxx.xml中配置的。

先看一下listview中的状态：

XML文件保存成你自己命名的.xml文件（比如list_item_bg.xml），在系统使用时根据ListView中的列表项的状态来使用相应的背景图片。

drawable/list_item_bg.xml

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

<item android:state_focused="true" android:state_pressed="true"

android:drawable="@drawable/pic2" />

<item android:state_focused="false" android:state_pressed="true"

android:drawable="@drawable/pic3" />

</selector>

　　使用些xml文件：第一种是在listview中配置android:listSelector="@drawable/list_item_bg"

或者在listview的item中添加属性android：background=“@drawable/list_item_bg"即可实现，或者在java代码中使用：Drawable drawable = getResources().getDrawable(R.drawable.list_item_bg);

ListView.setSelector(drawable);同样的效果。

但是这样会出现列表有时候为黑的情况，需要加上：android:cacheColorHint="@android:color/transparent"

使其透明。

自定义Button按钮样式。Button样式修改的是Button的背景(Background)属性。
首先写一个定义Button样式的XML文件：

Button的一些背景效果：

android:state_selected是选中

android:state_focused是获得焦点

android:state_pressed是点击

android:state_enabled是设置是否响应事件,指所有事件

新建Android XML文件，类型选Drawable,根结点选selector,文件名就buton_style吧。
程序自动给我们刚刚建的文件里加了selector结点，我们只需要在selector结点里写上三种状态时显示的背景图片（按下、获取焦点，正常）。
代码如下：
Xml代码
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@drawable/play_press" />
    <item android:state_focused="true" android:drawable="@drawable/play_press1" />
    <item android:drawable="@drawable/play" />
</selector>
接下来只要在布局时写Button控件时应用到Button的Background属性即可。
Xml代码
<Button android:id="@+id/button1"
    android:layout_width="wrap_content" android:layout_height="wrap_content"
    android:background="@drawable/button_style"
></Button>

在上面的源代码基础上，只需要修改button_style文件,同样三种状态分开定义：
Xml代码
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape>
            <gradient android:startColor="#0d76e1" android:endColor="#0d76e1"
                android:angle="270" />
            <stroke android:width="1dip" android:color="#f403c9" />
            <corners android:radius="2dp" />
            <padding android:left="10dp" android:top="10dp"
                android:right="10dp" android:bottom="10dp" />
        </shape>
    </item>

    <item android:state_focused="true">
        <shape>
            <gradient android:startColor="#ffc2b7" android:endColor="#ffc2b7"
                android:angle="270" />
            <stroke android:width="1dip" android:color="#f403c9" />
            <corners android:radius="2dp" />
            <padding android:left="10dp" android:top="10dp"
                android:right="10dp" android:bottom="10dp" />
        </shape>
    </item>

    <item>
        <shape>
            <gradient android:startColor="#000000" android:endColor="#ffffff"
                android:angle="180" />
            <stroke android:width="1dip" android:color="#f403c9" />
            <corners android:radius="5dip" />
            <padding android:left="10dp" android:top="10dp"
                android:right="10dp" android:bottom="10dp" />
        </shape>
    </item>
</selector>

gradient 主体渐变 startColor开始颜色，endColor结束颜色，angle开始渐变的角度（值只能为90的倍数，0时为左到右渐变，90时为下到上渐变，依次逆时针类推）
stroke 边框 width 边框宽度，color 边框颜色
corners 圆角 radius 半径，0为直角
padding text值的相对位置