Android View 背景选择器编写技巧

来源：互联网发布：五金店销售软件编辑：程序博客网时间：2024/05/22 16:50

在项目中选择器的使用是非常多的，以下是本人在项目中的一些常用的背景选择器的写法
带边框下划线背景选择器效果图：

这里写图片描述

上面布局中放了10个CheckBox，然后设置了CheckBox的背景图片位，背景选择器，同时设置了字体的颜色选择器。
带边框下划线背景选择器代码：

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <!-- 选中状态 -->    <item android:state_checked="true">        <!-- 设置层次背景 -->        <layer-list>            <!-- 底层 -->            <item>                <shape android:shape="rectangle"><!-- 画矩形 -->                    <!--边框色-->                    <stroke android:width="1dp" android:color="@color/gray27"/>                    <!-- 背景色 -->                    <solid android:color="@color/gray17"/>                    <!-- 圆角 -->                    <corners android:radius="3dp"/>                </shape>            </item>            <!-- 上层 -->           <item android:top="36.5dp">            <!-- top：距离顶部多少db开始画线，需配合View的高度绘制 -->                <shape android:shape="rectangle">                    <solid android:color="@color/mainColor"/>                </shape>            </item>        </layer-list>    </item>    <!-- 默认状态 -->    <item>        <shape>            <stroke android:width="1dp" android:color="@color/gray27"/>            <solid android:color="@color/white"/>            <corners android:radius="@dimen/radius"/>        </shape>    </item></selector>

字体选择器代码：

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:state_checked="true" android:color="@color/mainColor" />    <item android:color="@color/textColor54" /></selector>

边框背景选择器效果图：

边框背景选择器实现代码：

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:state_checked="true">        <shape >            <stroke android:width="1dp" android:color="@color/mainColor"/>            <solid android:color="@color/gray17"/>            <!-- 圆角 -->            <corners android:radius="@dimen/radius"/>        </shape>    </item>     <item>        <shape>            <stroke android:width="1dp" android:color="@color/gray27"/>            <solid android:color="@color/white"/>            <corners android:radius="@dimen/radius"/>        </shape>    </item></selector>

– 不带边框下划线背景选择器效果图：
这里写图片描述

不带边框下划线背景选择器实现代码：

<?xml version="1.0" encoding="utf-8"?><selector    xmlns:android="http://schemas.android.com/apk/res/android" >    <item android:state_checked="true">        <layer-list>            <item android:top="36.5dp">                <shape android:shape="rectangle" >                    <solid android:color="@color/mainColor" />                </shape>            </item>        </layer-list>    </item>    <item android:drawable="@color/transColor" /></selector>

0 0