shape,selector,layer-list的基本使用

在日常开发过程中通常需要程序猿自己绘制一些按钮背景等，可以用这几个控件。

shape，顾名思义：形状。在res/drawable文件夹下定义xml文件（例如：my_shape.xml），使用的时候和一般的drawable一样使用。

xml文件内容如下：按需要编写

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 描边 -->
    <stroke
        android:width="2px"
        android:color="@color/btn_red" />
    <!-- 圆角 -->
    <!--<corners android:radius="3dp" />-->
    <!-- 填充-->
    <solid
        android:color="@color/bg_white"/>
</shape>

selector，有的时候按钮的背景，需要有按的效果，可以使用selector来实现。同样在res/drawable文件夹下定义xml文件（例如：my_select.xml），使用的时候和一般的drawable一样使用。

xml文件内容如下：按需要编写

android:state_selected 选中
android:state_focused  获得焦点
android:state_pressed  按压
android:state_enabled  可用状态

<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/bg_left_red" android:state_pressed="true" />
    <item android:drawable="@drawable/bg_left_red" android:state_focused="true" />
    <item android:drawable="@drawable/bg_left_red" android:state_selected="true" />
    <item android:drawable="@drawable/bg_left_red" android:state_activated="true" />
    <item android:drawable="@color/bg_gray_ef" />
</selector>

l

ayer-list，是一个叠加效果，可以在这个文件里处理多个drawable，并且进行编辑。同样在res/drawable文件夹下定义xml文件（例如：my_layer.xml），使用的时候和一般的drawable一样使用。

xml文件内容如下：按需要编写

这里给出了个只描一边的按钮示例，需要叠加话只需增加 item 即可

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:top="-4dp"
        android:right="-4dp"
        android:bottom="-4dp">
        <shape>
            <!-- 填充-->
            <solid android:color="@color/bg_white"/>
            <!-- 描边 -->
            <stroke
                android:width="4dp"
                android:color="@color/line_red"/>
        </shape>
    </item>
</layer-list>