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

Android ,<layer-list> 标签用于创建一个图形层列表,可以在一个图形使用多个图层。每个图层可以指定颜色、形状、边框等属性,可以通过设置透明度来创建半透明效果。 <layer-list> 标签通常用于创建自定义的按钮、标签等 UI 控件,也可以用于创建渐变背景、圆形头像等效果。 以下是一个使用 <layer-list> 标签创建自定义按钮的示例: ```xml <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true"> <layer-list> <item> <shape android:shape="rectangle"> <corners android:radius="8dp" /> <solid android:color="#333333" /> </shape> </item> <item android:bottom="4dp"> <shape android:shape="rectangle"> <corners android:radius="8dp" /> <solid android:color="#555555" /> </shape> </item> </layer-list> </item> <item> <shape android:shape="rectangle"> <corners android:radius="8dp" /> <solid android:color="#444444" /> </shape> </item> </selector> ``` 该示例使用 <layer-list> 标签定义了两个图层,第一个图层为按钮的底部,使用矩形形状和圆角边框,填充颜色为 #333333;第二个图层为按钮的顶部,也使用矩形形状和圆角边框,填充颜色为 #555555,并设置了 bottom 属性为 4dp,使其相对于底部图层向上偏移 4dp。当按钮被按下时,会显示底部图层和顶部图层的组合,形成按下效果。未被按下时,只显示底部图层,形成普通状态的按钮。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值