Drawable with more than two colors in XML?

Question

How to achieve this in drawable in XML android? Bottom is transparent.

Answer 1

To achieve this in drawable in XML.

Firstly, you need to create a drawable file.

Then, add these lines of code.

<?xml version="1.0" encoding="utf-8"?>
<ripple
xmlns:android="http://schemas.android.com/apk/res/android"
android:color="#00000000">

<item>

    <shape android:shape="rectangle">

        <padding
            android:left="10dp"
            android:right="10dp"/>

        <gradient
            android:startColor="@color/purple_500"
            android:endColor="@color/purple_200"
            android:angle="0"/>

    </shape>

</item>

<item>

    <shape android:shape="rectangle">

        <gradient
            android:startColor="@color/white"
            android:angle="90"/>

    </shape>

</item>

</ripple>

Then use the drawable file anywhere in android.