如上图,我们是我们想要的效果,我们实现思路是我们绘制两层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>

 

posted on 2020-09-09 14:42  南巷挽清风  阅读(2183)  评论(0编辑  收藏  举报