Different image for focused,pressed and normal state in android button

     In this tutorial we are going to learn about the android button and place a image on that button and give images on every states (pressed,focused and normal).

1) First create a new project in android studio more details...

2) Remove the TextView code from activity_main.xml, create a button in your project by the following code or tools.

<Button
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:background="@drawable/btnhome_new" />

Note:
     In the above image you can see the error @drawable/btnhome_new. Because it will find the file btnhome_new.xml file on drawable directory, but we not yet created.

3) Now we are going to create a file btnhome_new.xml file on drawable directory.
   a) Right click on the drawable directory and => New => Drawable resource file
 

   b) Now a file is opened btnhome_new.xml just remove all the code from that file and replace with the below code.

Note : After create this file the error(@drawable/btnhome_new) is removed from activity_main.xml.

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/btnblue"
        android:state_pressed="true" />
    <item android:drawable="@drawable/btnrose"
        android:state_focused="true" />
    <item android:drawable="@drawable/btnred" />
</selector>

You can see some error on this code
@drawable/btnblue
@drawable/btnrose
@drawable/btnred

 Because btnBlue.jpg,btnRose.jpg and btnRed.jpg are not in drawable directory. 4) Now we are going to create all the files in drawable directory.
     Copy the images to drawable directory.

     Paste the copied images to drawable directory.

     A dialog box will ask for confirmation, just press ok.

     Now the images are placed into drawable folder, and you can see the above error was removed.

Note : Image name should not contain capital letters.

Download