Question

I need to customize my android spinner. For this I created this spinner_selector.xml :

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:state_window_focused="false" android:state_enabled="true"
        android:drawable="@drawable/spinner_default" />
    <item
        android:state_window_focused="false" android:state_enabled="false"
        android:drawable="@drawable/spinner_default" />
    <item
        android:state_pressed="true"
        android:drawable="@drawable/spinner_pressed" />
    <item
        android:state_focused="true" android:state_enabled="true"
        android:drawable="@drawable/spinner_focused" />
    <item
        android:state_enabled="true"
        android:drawable="@drawable/spinner_default" />
    <item
        android:state_focused="true"
        android:drawable="@drawable/spinner_focused" />
    <item
        android:drawable="@drawable/spinner_default" />
</selector>

and then set the background of spinner : android:background="@drawable/spinner_selector"

The problem is that the spinner looks really horrible. Before :

After :

and when it is pressed, it looks like this :

The image that I use is this :

How to solve this? I have this problem for Spinner, Button and EditText too. I really need to customize these components. Please help. Any idea is welcome.

Answer 1

To align text to right a bit, you can use padding in your XML please give Padding to the Spinner like this for ex: android:padding=5dp