Android RelativeLayout設置漸變邊框

 

 

 如上圖，我們是我們想要的效果，我們實現思路是我們繪制兩層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>