How can I create gradient border color

Question

I'm looking to create something such as button below :

I know how to create it like this but I want it with gradient border color.

Does this answer your question? [Android shape border with gradient](https://stackoverflow.com/questions/20870853/android-shape-border-with-gradient) — Zain, Jun 13 '21 at 02:55
@Zain I don't find anything so I decided to use what you left, Thank You. — Taha Sami, Jun 13 '21 at 10:37

score 1 · Accepted Answer · answered Jun 13 '21 at 05:29

Try This:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item>
        <!-- create gradient you want to use with the angle you want to use -->
        <shape android:shape="rectangle">
            <gradient
                android:angle="0"
                android:centerColor="@android:color/holo_blue_bright"
                android:endColor="@android:color/holo_red_light"
                android:startColor="@android:color/holo_green_light" />
            <corners android:radius="@dimen/dp_10"/>

        </shape>
    </item>
    <!-- create the stroke for top, left, bottom and right with the dp you want -->
    <item
        android:bottom="2dp"
        android:left="2dp"
        android:right="2dp"
        android:top="2dp">
        <shape android:shape="rectangle" >
            <!-- fill the inside in the color you want (could also be a gradient again if you want to, just change solid to gradient and enter angle, start, maybe center, and end color) -->
            <solid android:color="#fff" />
            <corners android:radius="@dimen/dp_10"/>
        </shape>
    </item>

</layer-list>

chose the color you want..

How can I create gradient border color

1 Answers1