如上图,我们是我们想要的效果,我们实现思路是我们绘制两层shape。
1.shape绘制第一层矩形的填充为渐变色。
2.shape绘制第二层矩形的填充色为白色,然后给第二层上下左右减少边框厚度的尺寸,这样子第一层矩形背景的渐变色就展示出来形成一个边框线。
代码如下:
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape android:shape="rectangle"> <corners android:radius="4dp"/> <gradient android:type="linear" android:startColor="#ff28efa2" android:endColor="#ff0006" android:angle="0" /> </shape> </item> <item android:left="1dp" android:right="1dp" android:top="1dp" android:bottom="1dp"> <shape android:shape="rectangle"> <corners android:radius="4dp"/> <solid android:color="@color/white"/> <padding android:top="12dp" android:bottom="12dp"/> </shape> </item> </layer-list>