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

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

<?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,依次类推。顺序放错的话,效果完全不同。

猜你喜欢

转载自blog.csdn.net/chenzhengfeng/article/details/106855064