简书链接:巧用shape实现一个看似复杂的布局解决圆角布局某个角无边框问题
文章字数:290,阅读全文大约需要1分钟
image.png

选中的时候有一个边界没有圆角,而且垂直出口没有边框,那么对于是不是没法做了呢?答案是no.

偷天换日大法,绘制一个shape图层叠加到缺口,设置颜色和内容颜色一样就产生错觉了。

image.png

如这个图所示,绘制一条线到这个地方,然后设置颜色为白色就可以了.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >


<!--个人版本左边区域-->

<item >
<shape
android:shape="rectangle">
<stroke android:width="1dp" android:color="@color/colorThemeGrayNew1"/>
<corners android:bottomLeftRadius="8dp" android:topLeftRadius="8dp"/>

<solid android:color="@color/colorWhite" />
</shape>
</item>
<item android:width="1dp" android:gravity="right" android:top="1dp" android:bottom="1dp">
<!--1dp 白色区域区域-->
<shape
android:shape="rectangle">
<solid android:color="@color/colorWhite"/>
</shape>
</item>

</layer-list>

测试效果配色。为了测试效果,得弄个比较明显的颜色,并且加粗线条。
image.png