Change Spinner dropdown icon

Question

The solutions I found to change the spinner dropdown icon where all   1  create a custom drawable   lt  xml version  1 0  encoding  utf-8   gt   lt selector xmlns android  http   schemas android com apk res android  gt       lt item android drawable   drawable vector drawable ic dropdown black  android state focused  true  android state pressed  false    gt       lt item android drawable   drawable vector drawable ic dropdown black  android state focused  true  android state pressed  true    gt       lt item android drawable   drawable vector drawable ic dropdown black  android state focused  false  android state pressed  true    gt       lt item android drawable   drawable vector drawable ic dropdown black    gt   lt  selector gt    2  Set the drawable as the spinner background    lt 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    gt    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    lt 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    gt      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   Spinner Dropdown Arrow  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

User · Answer

Without Using ANY Drop down Using your Drop Down ICON

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

<item>
    <layer-list>
        <item>
            <shape>
               <gradient android:angle="90" android:endColor="#ffffff" android:startColor="#ffffff" android:type="linear" /><!--For gradient background-->

                <stroke android:width="1dp" android:color="#FFF" /><!--For Border background-->

                <corners android:radius="0dp" /><!--For background corner-->

                <padding android:bottom="3dp" android:left="3dp" android:right="6dp" android:top="3dp" /><!--For padding for all sides-->
            </shape>
        </item>
        <item>
            <bitmap android:gravity="center|right" android:src="@drawable/ic_down_arrow" /> // Replace with your Icon

        </item>
    </layer-list>
</item>

User · Answer

Add theme to spinner   lt Spinner style   style SpinnerTheme        android layout width  match parent        android layout height  match parent   gt    Add spinnerTheme to styles xml   lt style name  SpinnerTheme  parent  android Widget Spinner  gt       lt item name  android background  gt  drawable spinner background lt  item gt   lt  style gt    Add New -   Vector Asset  to drawable with e g   ic keyboard arrow down 24dp   Add spinner background xml to drawable   lt  xml version  1 0  encoding  utf-8   gt   lt selector xmlns android  http   schemas android com apk res android  gt       lt item gt           lt layer-list gt               lt item android drawable   drawable ic keyboard arrow down 24dp  android gravity  center vertical right  android right  5dp   gt           lt  layer-list gt       lt  item gt   lt  selector gt

User · Answer

dummy xml remember image size should be less    lt  xml version  1 0  encoding  utf-8   gt       lt selector xmlns android  http   schemas android com apk res android  gt           lt item gt               lt layer-list android opacity  transparent  gt                   lt item android width  60dp  android gravity  left  android start  20dp  gt                       lt bitmap  android src   drawable down button dummy dummy  android gravity  left   gt                   lt  item gt               lt  layer-list gt           lt  item gt       lt  selector gt    layout file snippet be like   lt android support v7 widget CardView         android layout width  match parent          android layout height  wrap content          app cardUseCompatPadding  true          app cardElevation  5dp           gt        lt Spinner         android layout width  match parent          android layout height  100dp          android background   drawable dummy  gt         lt  Spinner gt       lt  android support v7 widget CardView gt    click to see result layout image

User · Answer

Try applying following style to your spinner using  style   style SpinnerTheme      Spinner Style    lt style name  SpinnerTheme  parent  android Widget Spinner  gt       lt item name  android background  gt  drawable bg spinner lt  item gt   lt  style gt      bg spinner xml   Replace the arrow down gray with your arrow   lt  xml version  1 0  encoding  utf-8   gt   lt selector xmlns android  http   schemas android com apk res android  gt        lt item gt            lt layer-list gt                lt item gt                   lt shape gt                       lt gradient android angle  90  android endColor   ffffff  android startColor   ffffff  android type  linear    gt                        lt stroke android width  0 33dp  android color   0fb1fa    gt                        lt corners android radius  0dp    gt                        lt padding android bottom  3dp  android left  3dp  android right  3dp  android top  3dp    gt                   lt  shape gt               lt  item gt                lt item android right  5dp  gt                    lt bitmap android gravity  center vertical right  android src   drawable arrow down gray    gt                lt  item gt            lt  layer-list gt        lt  item gt    lt  selector gt

User · Answer

I have had a lot of difficulty with this as I have a custom spinner  if I setBackground then the Drawable would stretch  My solution to this was to add a drawable to the right of the Spinner TextView  Heres a code snippet from my Custom Spinner   The trick is to Override getView and customize the Textview as you wish   public class NoTextSpinnerArrayAdapter extends ArrayAdapter lt String gt         private String text    0        public NoTextSpinnerArrayAdapter Context context  int textViewResourceId  List lt String gt  objects            super context  textViewResourceId  objects              public void updateText String text           this text   text          notifyDataSetChanged               public String getText            return text              NonNull     public View getView int position  View convertView   NonNull ViewGroup parent            View view   super getView position  convertView  parent           TextView textView   view findViewById android R id text1           textView setCompoundDrawablePadding 16           textView setCompoundDrawablesWithIntrinsicBounds 0  0  R drawable ic menu white 24dp  0            textView setGravity Gravity END           textView setText text           return view            You also need to set the Spinner background to transparent    lt lifeunlocked valueinvestingcheatsheet views SelectAgainSpinner             android id    id saved tickers spinner              android background   android color transparent              android layout width  60dp              android layout height  match parent              tools layout editor absoluteX  248dp              tools layout editor absoluteY  16dp    gt    and my custom spinner if you want it      public class SelectAgainSpinner extends android support v7 widget AppCompatSpinner       public SelectAgainSpinner Context context            super context              public SelectAgainSpinner Context context  AttributeSet attrs            super context  attrs              public SelectAgainSpinner Context context  AttributeSet attrs  int defStyle            super context  attrs  defStyle               Override     public void setPopupBackgroundDrawable Drawable background            super setPopupBackgroundDrawable background               Override     public void setSelection int position  boolean animate            boolean sameSelected   position    getSelectedItemPosition            super setSelection position  animate           if  sameSelected                   Spinner does not call the OnItemSelectedListener if the same item is selected  so do it manually now             if  getOnItemSelectedListener      null                    getOnItemSelectedListener   onItemSelected this  getSelectedView    position  getSelectedItemId                                         Override     public void setSelection int position            boolean sameSelected   position    getSelectedItemPosition            super setSelection position           if  sameSelected                   Spinner does not call the OnItemSelectedListener if the same item is selected  so do it manually now             if  getOnItemSelectedListener      null                    getOnItemSelectedListener   onItemSelected this  getSelectedView    position  getSelectedItemId

User · Answer

For this you can use  9 Patch Image and just simply set it in to background   android background   drawable spin    Here i ll give you  9patch image  try with this      Right click on image and click Save Image as  set image name like this   anyname 9 png and hit save   Enjoy   Happy Coading

User · Answer

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        lt  xml version  1 0  encoding  utf-8   gt   lt layer-list xmlns android  http   schemas android com apk res android  gt       lt item gt           lt shape android shape  rectangle  gt               lt solid android color   color color white    gt               lt corners android radius  2 5dp    gt           lt  shape gt       lt  item gt       lt item android right  64dp  gt            lt bitmap android gravity  right center vertical                 android src   drawable custom spinner icon  gt            lt  bitmap gt       lt  item gt   lt  layer-list gt

User · Answer

We can manage it by hiding the icon as i did    lt FrameLayout         android layout width  match parent          android layout height  wrap content  gt       lt Spinner android id    id fragment filter sp users               android layout width  match parent               android background   color colorTransparent               android layout height  wrap content   gt        lt ImageView             android layout gravity  end bottom              android contentDescription   null              android layout marginBottom   dimen  5sdp              android layout width  wrap content              android layout height  wrap content              android src   drawable ic arrow bottom        gt   lt  FrameLayout gt

User · Answer

You need to create custom background like this    lt  xml version  1 0  encoding  utf-8   gt   lt selector xmlns android  http   schemas android com apk res android  gt        lt item gt           lt layer-list gt               lt item gt                   lt shape gt                       lt gradient android angle  90  android endColor   ffffff  android startColor   ffffff  android type  linear   gt                        lt stroke android width  1dp  android color   504a4b   gt                        lt corners android radius  5dp   gt                        lt padding android bottom  3dp  android left  3dp  android right  3dp  android top  3dp   gt                   lt  shape gt               lt  item gt               lt item gt                   lt bitmap android gravity  bottom right  android src   drawable drop down   gt     you can place your dropdown image              lt  item gt           lt  layer-list gt       lt  item gt    lt  selector gt    Then create style for spinner like this    lt style name  spinner style  gt           lt item name  android background  gt  drawable YOURCUSTOMBACKGROUND lt  item gt           lt item name  android layout marginLeft  gt 5dp lt  item gt           lt item name  android layout marginRight  gt 5dp lt  item gt           lt item name  android layout marginBottom  gt 5dp lt  item gt   lt  style gt    after that apply this style to your spinner

[android] Change Spinner dropdown icon

Examples related to android

Examples related to android-spinner