Question

I’m creating an Android app, when a user clicks a button in the app
the button image should change “to show it has been pressed” then some function is being called

using the following code at the onclick function:

{
  btn.setBackgroundDrawable(getResources().getDrawable(R.drawable.sync_active));
  sync();               
}

what happens is the sync function is called first then the button image changes !!

Answer 1

All what you need is using the selectors in Android like this :

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item 
    android:state_enabled="false"
        android:drawable="@drawable/btn_red" />
    <item 
        android:state_pressed="true" 
        android:state_enabled="true"
        android:drawable="@drawable/btn_orange" />
    <item 
        android:state_focused="true" 
        android:state_enabled="true"
        android:drawable="@drawable/btn_orange" />
    <item 
        android:state_enabled="true"
        android:drawable="@drawable/btn_black" />
</selector>

And in the onClick() method ; you need just to call your function sync(),

refer this great tutorial it is exactly what you want 🙂