1. Colors
file : colors.xml
<resources> <color name="button_bgcolor">#EEEEEE</color> <color name="button_bgcolor_press">#2e89b1</color> <color name="button_bgcolor_enable">#3db5ea</color> </resources>
1. Drawable
Create Drawable add selector and assign color to item for different state ( enable, pressed )
<?xml version="1.0" encoding="UTF-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_enabled="false"> <shape> <corners android:radius="22dp" /> <solid android:color="@color/button_bgcolor" /> </shape> </item> <!-- State Pressed--> <item android:state_pressed="true"> <shape> <corners android:radius="22dp" /> <solid android:color="@color/button_bgcolor_press" /> </shape> </item> <!-- State Enabled --> <item android:state_enabled="true"> <shape> <corners android:radius="22dp" /> <solid android:color="@color/button_bgcolor_enable" /> </shape> </item> </selector>
3. XML Layout
file : activity_main.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#fff" android:gravity="center" android:orientation="vertical" android:padding="40dp" tools:context=".MainActivity"> <androidx.appcompat.widget.AppCompatButton android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/rounded_corner" android:gravity="center" android:padding="10dp" android:text="Hello World!" android:textColor="@color/white" android:textSize="22sp" /> </LinearLayout>
No comments:
Post a Comment