layer-list实现只有左、右和下边框的圆角矩形

最新推荐文章于 2022-08-19 10:52:37 发布

转载最新推荐文章于 2022-08-19 10:52:37 发布 · 221 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/34899

文章标签：

#移动开发

本文介绍如何使用layer-list在Android中创建一个顶部无圆角、底部带圆角且仅有三边边框的白色背景矩形。通过XML定义形状属性，实现特定视觉效果，避免使用额外图片资源。

项目中需要实现如下效果的布局

也就是一个左右下角带圆角，上方不带圆角的白色背景矩形，而且只有左、右和下边框，颜色为浅灰色。

当然，切一个.9图片作为背景也能实现，但是能用代码实现的还是尽量用代码实现，因为图片过多一个消耗内存，另一个还增加apk大小。

这种效果可以通过layer-lsit来实现，在drawable文件夹下面建一个xml文件，具体代码如下：

 1 <?xml version=”1.0” encoding=”utf-8”?>
 2 <layer-list xmlns:android=”http://schemas.android.com/apk/res/android“>
 3     
 6     
 7     <item>
 8          <shape>
 9                <corners android:bottomLeftRadius=”5dp”
10                    android:bottomRightRadius=”5dp” />
11                <stroke android:width=”1px” android:color=”@color/line_color” />
12          </shape>
13     </item>
14     
24     <item android:right=”1px” android:left=”1px” android:bottom=”1px”>
25          <shape>
26                <corners android:bottomLeftRadius=”5dp”
27                    android:bottomRightRadius=”5dp” />
28                <solid android:color=”@color/white” />
29          </shape>
30     </item>
31 </layer-list>

layer-lsit的用法注释中也讲的比较详细。

然后在View中设置背景为改drawable即可。