使用layer-list绘制圆角矩形

关注

原创最新推荐文章于 2023-10-30 16:28:07 发布 3.4k 阅读 AI 写同款· GEO 优化 ›

wincc 服务器授权型号,WinCC V7.5 SP1软件安装及授权方法上篇教程给大家介绍了TIA Portal V16 安装方法，今天分享一下WinCC V7.5 SP1。目前V7.5 SP1是WinCC最新的版本，发布时间2019年11月13日。先放一个官网对WinCC V7.5 的介绍视频，感兴趣的可以先看一下。1、软件下载官网下载链接：https://support.industry.siemens.com/cs/document/109772879五个文件下... 阅读详情

在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>