Button Design using shape drawable in Android

   

Blue button

?

01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37

<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android">     <item android:state_pressed="true" >         <shape>             <solid                 android:color="#449def" />             <stroke                 android:width="1dp"                 android:color="#2f6699" />             <corners                 android:radius="3dp" />             <padding                 android:left="10dp"                 android:top="10dp"                 android:right="10dp"                 android:bottom="10dp" />         </shape>     </item>     <item>         <shape>             <gradient                 android:startColor="#449def"                 android:endColor="#2f6699"                 android:angle="270" />             <stroke                 android:width="1dp"                 android:color="#2f6699" />             <corners                 android:radius="4dp" />             <padding                 android:left="10dp"                 android:top="10dp"                 android:right="10dp"                 android:bottom="10dp" />         </shape>     </item> </selector>

Red button

?

01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37

<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android">     <item android:state_pressed="true" >         <shape>             <solid                 android:color="#ef4444" />             <stroke                 android:width="1dp"                 android:color="#992f2f" />             <corners                 android:radius="3dp" />             <padding                 android:left="10dp"                 android:top="10dp"                 android:right="10dp"                 android:bottom="10dp" />         </shape>     </item>     <item>         <shape>             <gradient                 android:startColor="#ef4444"                 android:endColor="#992f2f"                 android:angle="270" />             <stroke                 android:width="1dp"                 android:color="#992f2f" />             <corners                 android:radius="3dp" />             <padding                 android:left="10dp"                 android:top="10dp"                 android:right="10dp"                 android:bottom="10dp" />         </shape>     </item> </selector>

Purple button