Thursday, 30 March 2017

Button Material Design in Android



STEP 1 : Create org_one.xml under drawable folder

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient
        android:startColor="#f99100"
        android:endColor="#f99100"
        android:angle="45"/>
    <padding android:left="6dp"
        android:top="6dp"
        android:right="6dp"
        android:bottom="6dp" />
    <corners android:radius="30dp" />

</shape>

STEP 2 : Create org_two.xml under drawable folder

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient
        android:startColor="#c77400"
        android:endColor="#c77400"
        android:angle="45"/>
    <padding android:left="6dp"
        android:top="6dp"
        android:right="6dp"
        android:bottom="6dp" />
    <corners android:radius="30dp" />

</shape>

STEP 3 : Create org_btn_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/org_one" android:state_pressed="false" android:state_selected="false"/>
    <item android:drawable="@drawable/org_two" android:state_pressed="true"/>
</selector>

STEP 4 : Set org_btn_selector.xml in background of button

<Button
                android:id="@+id/btnregistorfree"
                android:layout_width="match_parent"
                android:layout_height="35dp"
                android:layout_marginBottom="10dp"
                android:layout_marginTop="10dp"
                android:background="@drawable/org_btn_selector"
                android:text="Register for Free"
                android:textColor="@color/white"
                android:textSize="12sp"/>

No comments:

Post a Comment