When a button is clicked, how to make its background image will change for a few seconds before reverting back?

Question

I've placed this code on my onClickListener:

btnListenC.setBackgroundResource(R.drawable.lisbtnpressed);

But from here, how do I make it so that the drawable 'lisbtnpressed' changes back to its original image after a few seconds please?

Answer 1

You can do it easier with an XML file in your drawable folder (mybutton.xml)

<?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/mydrawable />
   <item android:state_focused="true" android:drawable="@drawable/otherdrawable" />
   <item android:drawable="@color/redcolor" />
</selector>

and use this in button xml code

android:background:@drawable/mybutton

As you can see in the first piece of code you can have a different drawable (color, image...) for each button state. The button states can be found here or here.

With this approach you don't need to use any code.

Answer 2

Use a selector

android button selector

or use OnTouchListener on ACTION_DOWN change to lisbtnpressed on ACTION_UP set to default

 btnListenC.setOnTouchListener(new OnTouchListener() {
 @Override
 public boolean onTouch(View v, MotionEvent event) {
 switch(event.getAction())
 {
   case MotionEvent.ACTION_DOWN :
                  // change
             btnListenC.setBackgroundResource(R.drawable.lisbtnpressed);
   break;
   case MotionEvent.ACTION_UP :
                 // set to original
             btnListenC.setBackgroundResource(R.drawable.lisbtnoriginal);   
   break; 
    }
 return true;
   }
 });