Android中使用layer-list定义复杂图形


在开发过程中，有时会遇到背景图形稍微复杂一些，只凭shape无法实现的情况。此时就需要用到layer-list来绘制了。layer-list的原理类似于相对布局RelativeLayout，通过多个item叠加来实现更为复杂的图形。
如下实例中实现的效果是：左侧有12dp长度空白区域的圆角矩形。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape>
            <!-- 图形填充色 -->
            <solid android:color="#00000000" />
        </shape>
    </item>
    <!--
      item中有4个属性（类似于layout布局中的margin属性）：
      left：距离左侧的偏移量。
      right：距离右侧的偏移量。
      top：距离上侧的偏移量。
      bottom：距离下侧的偏移量。
    -->
    <item
        android:left="12dp">
        <shape>
            <!-- 圆角 -->
            <corners android:radius="5dp" />
            <!-- 图形填充色 -->
            <solid android:color="#ff4f84d3" />
            <!-- 边框 -->
            <stroke
                android:width="@dimen/btn_stroke_width"
                android:color="#ff1d6cdb" />
        </shape>
    </item>
</layer-list>

注：layer-list中各个item是有顺序的，第一个item位于最底层，后一个item覆盖前面一个item，依次类推。顺序放错的话，效果完全不同。