带有双边框和渐变的android按钮

Question

我想创建一个自定义按钮.此按钮应具有渐变和两个像素边框,但内边缘和外边缘应采用不同的颜色(例如:内部为红色,外部为黄色).

我的问题:如何编写双边框(如图中所示)？!

图片:

我尝试使用两个笔划的XML文件,但它不起作用.

我可以用9png文件做到这一点,但我想用纯编码来做.

Answer 1

btn_bg.xml

 <?xml version="1.0" encoding="utf-8"?>
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item > 
    <shape android:shape="rectangle">

       <padding android:left="3.5px"
            android:top="3.5px"
            android:right="3.5px"
            android:bottom="3.5px"/>

       <solid android:color="#d4e23a"/>

    </shape>
</item>
<item > 
    <shape android:shape="rectangle">

       <padding android:left="4.5px"
            android:top="4.5px"
            android:right="4.5px"
            android:bottom="4.5px"/>

        <solid android:color="#d4413a"/>

    </shape>
</item>
<item > 
    <shape android:shape="rectangle">
        <gradient android:startColor="#37c325"
            android:endColor="#2573c3"
            android:angle="-90"/>

    </shape>
</item>


</layer-list>

将上面的xml设置为按钮背景.

           <Button

                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text=""
                android:background="@drawable/btn_bg"
                android:gravity="center"
                android:padding="10dp"
                android:textStyle="bold"
                >

           </Button>

结果: