The solutions I found to change the spinner dropdown icon where all:
1. create a custom drawable
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/vector_drawable_ic_dropdown_black" android:state_focused="true" android:state_pressed="false" />
<item android:drawable="@drawable/vector_drawable_ic_dropdown_black" android:state_focused="true" android:state_pressed="true" />
<item android:drawable="@drawable/vector_drawable_ic_dropdown_black" android:state_focused="false" android:state_pressed="true" />
<item android:drawable="@drawable/vector_drawable_ic_dropdown_black" />
</selector>
2. Set the drawable as the spinner background:
<Spinner
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="16dp"
android:background="@drawable/custom_spinner_icon"
android:gravity="center"
android:paddingBottom="8dp"
android:paddingTop="8dp"
android:textColor="@color/textcolorprimary" />
And the result is:
As you can see this is not an acceptable solution since the icon needs to be right aligned and not stretched.
What can i do to make the icon not stretch and align it right?
EDIT
Since there are no working solutions yet i guess i have to specify my question. This is how my Spinner looks using the standard theme:
<Spinner
android:id="@+id/products_download_spinner_language"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="16dp"
android:gravity="center"
android:paddingBottom="8dp"
android:paddingTop="8dp"
android:textColor="@color/textcolorprimary"
android:theme="@android:style/Theme.Holo.Light.DarkActionBar" />
And everything i want (it is really not much i guess) is changing the arrow. i dont want that arrow in the right bottom corner to be displayed, i want this arrow to be displayed vertically centered at the right:
And every solution which i tried until now:
How to set dropdown arrow in spinner?
simply werent working. They had stretched icons or the bottom line was missing or something else went totally wrong. I just want another arrow.
dummy.xml(remember image size should be less)
layout file snippet be like
click to see result layout image
You need to create custom background like this:
Then create style for spinner like this:
after that apply this style to your spinner
Have you tried to define a custom background in xml? decreasing the Spinner background width which is doing your arrow look like that.
Define a layer-list with a rectangle background and your custom arrow icon:
Try applying following style to your spinner using
//Spinner Style:
//bg_spinner.xml Replace the arrow_down_gray with your arrow
Add theme to spinner
Add spinnerTheme to styles.xml
Add New -> "Vector Asset" to drawable with e.g. "ic_keyboard_arrow_down_24dp"
Add spinner_background.xml to drawable
Without Using ANY Drop down Using your Drop Down ICON