1 layer-list 是啥？有啥作用？
1.1 layer-list 是啥？
简单理解，layer 是层，list 是列表，那么 layer-list 就是层列表的意思。但是，是什么层列表呢？？ 其实 layer-list 是用来创建 LayerDrawable 的，LayerDrawable 是 DrawableResource 的一种， 所以，layer-list 创建出来的是 图层列表，也就是一个drawable 图形。
1.2 layer-list 有啥作用？
上面已经说过，layer-list 是用来创建 图层列表的，通过它能创建出一些特殊的 drawable， 比如：
下图 AlertDialog 中，我们只需要设置 button 的 顶部边线，以及 左侧button的右边线（或者右侧button的左边线），这种时候我们就无法直接使用 shape 了，因为直接使用 shape 绘制出来的是四个边框； 如果让美工切图也可以，但那样的话灵活度就差了很多，而且会增加app的体积；这种情况下，使用 layer-list 就是最佳选择。当然，layer-list 的用途还有很多，这里只是举一个例子，具体的使用请继续往下看。
2 layer-list 的大致原理
layer-list 的大致原理类似 RelativeLayout（或者FrameLayout） ，也是一层层的叠加 ，后添加的会覆盖先添加的。在 layer-list 中可以通过 控制后添加图层距离最底部图层的 左上右下的四个边距等属性，得到不同的显示效果。
上面示例图中，AlertDialog 底部的 ok按钮 的背景就是用layer-list实现的。该layer-list 中，底层使用一个填充色为蓝色 的shape，上层使用一个填充色为白色的shape ，然后控制上层距离最底层的顶部边距为1dp , 这样在视觉上就形成了一个 具有蓝色顶部边线的白色背景。具体代码继续往下看。
3 layer-list 基本使用示例
因 layer-list 创建出来的也是 drawable 资源，所以，同 shape selector 一样，都是定义在 res 中的 drawable 文件夹中，也是一个 xml 文件。使用的时候，同shape selector , 布局文件中使用 @drawable/ xxx 引用, 代码中使用 R.drawable.xxx 引用。
layer-list 中不同的图层使用 item 节点来定义。
3.1 单一边线
TextView 只有一个顶部边线
创建带有蓝色顶部边线的 layer-list 图
在 res 目录中的 drawable 目录下，创建名称为 singleline.xml 的xml 文件，然后编辑 layer-list 的详细代码，如下：
<?xml version="1.0" encoding="utf-8"?>
<layer-list
xmlns:android="http://schemas.android.com/apk/res/android">
<!--底层使用蓝色填充色-->
<item>
<shape>
<solid android:color="#02a0ef" />
</shape>
</item>
<!--上面一层距离底层的顶部1dp,类似marginTop,填充色为白色，这样就形成了一个带有蓝色顶部边线的白色背景的图-->
<item
android:top="1dp">
<shape>
<solid android:color="#fff" />
</shape>
</item>
</layer-list>
使用 layer-list 图，设置为textView的背景
只需为textView设置背景android:background="@drawable/singleline"
3.2 双边线
TextView 具有上下边线
创建带有蓝色顶部和底部边线的 layer-list 图
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<!--底层使用蓝色填充色-->
<item>
<shape>
<solid android:color="#02a0ef" />
</shape>
</item>
<!--上面一层距离底层的顶部1dp,距离底部1dp,类似marginTop,填充色为白色，这样就形成了一个带有蓝色顶部边线和底部边线的白色背景的图-->
<item
android:bottom="1dp"
android:top="1dp">
<shape>
<solid android:color="#fff" />
</shape>
</item>
</layer-list>
使用 layer-list 图，设置为textView的背景
这里同上一步一样，就是给textview添加对应的background，不再赘述
3.3 阴影
![]()
4.png
<?xml version="1.0" encoding="utf-8"?>
<layer-list
xmlns:android="http://schemas.android.com/apk/res/android">
<!--底层的左边距离上层左边3dp, 底层的顶部，距离上层的顶部6dp,如果不做这个控制，底层和上层的左侧和上侧会重合在一起-->
<item
android:left="3dp" android:top="6dp">
<shape>
<solid android:color="#b4b5b6" />
</shape>
</item>
<!--上层的右边距离底层的右边3dp, 上层的底部距离底层的底部6dp-->
<item android:bottom="6dp" android:right="3dp">
<shape>
<solid android:color="#fff"/>
</shape>
</item>
</layer-list>
3.4 图片层叠
图片层叠的时候，有两种效果，一种是缩放后层叠，一种是不缩放的层叠。默认是缩放效果。具体效果以及实现代码如下：
带有缩放效果的
<?xml version="1.0" encoding="utf-8"?>
<layer-list
xmlns:android="http://schemas.android.com/apk/res/android">
<!--默认缩放-->
<item>
<bitmap android:src="@drawable/ic_launcher" />
</item>
<item
android:left="35dp"
android:top="35dp">
<bitmap android:src="@drawable/ic_launcher" />
</item>
<item android:left="70dp"
android:top="70dp">
<bitmap android:src="@drawable/ic_launcher" />
</item>
</layer-list>
不带缩放效果的
注意：
A. 不缩放的时候，必须在 item 节点中使用 bitmap 节点，并给 bitmap 设置 gravity=center ;
B. 虽然在实现缩放效果的时候，可以直接使用 item 中的 drawable属性，但实现不缩放的效果时，如果还用drawable 属性，即便给item 设置了gravity =center ，在真机上的效果依旧是缩放的。（但模拟器是不缩放的）
3.5 叠加旋转
<?xml version="1.0" encoding="utf-8"?>
<layer-list
xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<rotate android:fromDegrees="-10"
android:pivotX="0"
android:pivotY="0">
<bitmap android:src="@mipmap/ic_launcher"/>
</rotate>
</item>
<item>
<rotate android:fromDegrees="10"
android:pivotX="0"
android:pivotY="0">
<bitmap android:src="@mipmap/ic_launcher"/>
</rotate>
</item>
<item>
<rotate
android:fromDegrees="30"
android:pivotX="0"
android:pivotY="0">
<bitmap android:src="@mipmap/ic_launcher"/>
</rotate>
</item>
</layer-list>
旋转的时候，只需要给出 起始的角度（ fromdegress ）即可
同样只需为ImageView设置背景android:background="@drawable/rotate"
4 layer-list 的扩展使用
selector 的 item 节点中，直接嵌套 layer-list
当然也可以先写好layer-list ，然后再去引用
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!--被选中时是4dp的底部边线-->
<item android:state_checked="true">
<layer-list>
<item>
<shape>
<solid android:color="#f00"/>
</shape>
</item>
<item android:bottom="4dp">
<shape>
<solid android:color="#fff"/>
</shape>
</item>
</layer-list>
</item>
<!--未被选中的是2dp的底部边线-->
<item>
<layer-list>
<item>
<shape>
<solid android:color="#f00"/>
</shape>
</item>
<item android:bottom="2dp">
<shape>
<solid android:color="#fff"/>
</shape>
</item>
</layer-list>
</item>
</selector>
注意：
在上面的代码中，由于并没有具体的shape ，所以可以省略shape , 直接用 color , 简化后的代码如下：
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!--被选中时是4dp的底部边线-->
<item android:state_checked="true">
<layer-list>
<item>
<color android:color="#f00"/>
</item>
<item android:bottom="5dp">
<color android:color="#fff"/>
</item>
</layer-list>
</item>
<!--未被选中的是2dp的底部边线-->
<item>
<layer-list>
<item>
<color android:color="#f00"/>
</item>
<item android:bottom="2dp">
<color android:color="#fff"/>
</item>
</layer-list>
</item>
</selector>
使用selector时，只需对RadioButton设置android:background="@drawable/selector_bk_rb"
