Wednesday, August 1, 2012

Create custom Button using StateListDrawable

android.graphics.drawable.StateListDrawable lets you assign a number of graphic images to a single Drawable and swap out the visible item by a string ID value.

It can be defined in an XML file with the <selector> element. Each state Drawable is defined in a nested <item> element. For more information, see the guide to Drawable Resources.


it's a simple exercise create custom Button using StateListDrawable.

custom Button using StateListDrawable


Prepare your custom button images of default, focused and pressed in /res/drawable/ folder.

Create /res/drawable/mybutton.xml to define each state Drawable.
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item 
        android:state_pressed="true"
        android:drawable="@drawable/button_pressed" />
    <item 
        android:state_focused="true"
        android:drawable="@drawable/button_focused" />
    <item
        android:drawable="@drawable/button" />
</selector>


Assign the custom button in layout using android:background="@drawable/mybutton".
<RelativeLayout 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" >

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:background="@drawable/mybutton" />

</RelativeLayout>


Download the files.


Related:
- Create custom background for Views


No comments: