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>