使用layer-list绘制圆角矩形

在Android中xml资源文件是一个非常强大的工具,类似圆角矩形的图案,完全不用单独绘制图片文件,使用xml编写代码就完全可以实现。

其实质原理是通过xml代码控制,绘制多个图层,图层堆叠而达到所想要绘制图形的效果。例如绘制一个蓝色边框矩形:

从上面看,由于白色图层面积比蓝色图层小一圈,便产生了蓝色边框矩形的效果。
这样编写的xml包含几个重要的元素:
1. layer-list: 根元素
2. item:对应一个图层。图层中绘制的内容是他的子元素
3. shape: 所绘制的图形。与xml自定义图形一样

下面是一个典型的圆角矩形代码:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
    <item >  
        <shape>  
            <solid android:color="#AAAAAA" />  
            <corners 
                android:topLeftRadius="10dp" 
                android:topRightRadius="10dp" />  
        </shape>  
    </item>  

    <!-- top, bottom, left, right为此图层向内缩进的像素数-->
    <item android:top="1dp" android:left="1dp" android:right="1dp">  
        <shape>  
            <solid android:color="#FFFFFF" />  
            <corners 
                android:topLeftRadius="10dp" 
                android:topRightRadius="10dp" /> 
        </shape>  
    </item> 
</layer-list>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值