android之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="#EE3B3B" />
        </shape>
    </item>
    <item android:bottom="15dip" android:top="15dip">
        <shape>
           <solid android:color="#FFC125" />
        </shape>
    </item>
</layer-list>

 

经过Item进行层级shape显示

第一个item的shape显示整个页面都是#EE3B3B色值；

第二个item的shape显示整个页面都是#FFC125色值，可是它距上边距和下边距都有15dp的距离；

这样第二层item不能彻底覆盖第一层，从而显示层叠样式；