使用layer-list 实现渐变的圆角边框
效果:
思路是绘制一个背景渐变的圆角矩形、一个背景为白色的圆角矩形,相互遮盖实现以上的效果。
代码如下:
item 标签中设置bottom 、left、right、top 的大小就是边框的大小
<item>
<shape >
<solid android:color="#4DD1AD" android:width="0dp"/>
<gradient
android:startColor="#84E9BA"
android:endColor="#00CF96"
/>
<corners
android:bottomLeftRadius="22dp"
android:bottomRightRadius="22dp"
android:topLeftRadius="22dp"
android:topRightRadius="22dp" />
</shape>
</item>
<item
android:bottom="1dp"
android:left="1dp"
android:right="1dp"
android:top="1dp">
<shape>
<solid android:color="@color/white" android:width="0dp"/>
<corners
android:bottomLeftRadius="22dp"
android:bottomRightRadius="22dp"
android:topLeftRadius="22dp"
android:topRightRadius="22dp" />
</shape>
</item>