Android View 背景选择器编写技巧

  • 在项目中选择器的使用是非常多的,以下是本人在项目中的一些常用的背景选择器的写法

  • 带边框下划线背景选择器效果图:

Android View 背景选择器编写技巧_第1张图片

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


<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"> 
           
                <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>

字体选择器代码:


<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>
  • 边框背景选择器效果图:
    Android View 背景选择器编写技巧_第2张图片

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


<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>

-- 不带边框下划线背景选择器效果图:
Android View 背景选择器编写技巧_第3张图片

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


<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>

你可能感兴趣的:(Android,开发)