layer-list思想

本文介绍如何使用Android的layer-list创建具有特定边框和圆角效果的矩形视图。通过两个叠加的item实现带有底部圆角且边框颜色可自定义的白色背景矩形,详细解释了每个元素的作用及属性设置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

layer-list

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">   
    <!-- 
        layer-list中的item是按照顺序从下往上叠加的,即先定义的item在下面,后面的依次往上面叠放
    -->  
    <!-- 这里定义一个下面带圆角,上面不带圆角的矩形,边框颜色为@color/line_color -->
    <item>   
         <shape>   
               <corners android:bottomLeftRadius="5dp" 
                   android:bottomRightRadius="5dp" />
               <stroke android:width="1px" android:color="@color/line_color" />
         </shape>       
    </item>  
    <!-- 
        这里定义一个下面带圆角,上面不带圆角的矩形,背景为白色
        这里设置了android:right="1px" android:left="1px" android:bottom="1px"属性
        android:right="1px"表示该item右边往里面缩了1px
        android:left="1px"表示该item左边往里面缩了1px
        android:bottom="1px"表示该item下面往里面缩了1px
        这样,左、右、下都比原来缩小了1px,这缩小出来的郑刚是上面一个item的边框的左、右、下边框
        而top没有缩小,所以覆盖了上面一个item的边框的上边框。
        所以这个item叠加上面一个item之后的效果就是一个只含左、右、下灰色边框,下面带圆角,上面不带圆角的白色背景矩形
     -->
    <item android:right="1px" android:left="1px" android:bottom="1px">   
         <shape>   
               <corners android:bottomLeftRadius="5dp" 
                   android:bottomRightRadius="5dp" />
               <solid android:color="@color/white" />
         </shape>       
    </item>  
</layer-list>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值