Question

I’ve learned how to tint an image when it’s pressed by adding an OnTouchListener in which I call setColorFilter on the image.

I’ve learned how to use nine-patch images as the background for Buttons and ImageButtons.

The problem is, nine-path images don’t stretch if they’re the src for an ImageButton, and the tint has no effect on the background image.

How can I tint a nine-patch ImageButton when it’s pressed? Any suggestions?

Answer 1

I think you’d have better results by making a separate asset for each button state. For instance, you can make a drawable xml file like this:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/btn_pressed" 
        android:state_pressed="true" />
    <item android:drawable="@drawable/btn_focused"
        android:state_pressed="false"
        android:state_focused="true" />
    <item android:drawable="@drawable/btn_default"
        android:state_focused="false"
        android:state_pressed="false" />
</selector>

Then create a style for your buttons like this:

<style name="PushButton">
    <item name="android:background">@drawable/btn</item>
</style>

Then you should be able to style your image buttons and set the src to whatever image you want.

<ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/icon"
        style="@style/PushButton" />