How to set dropdown arrow in spinner

Question

I tried to set spinner with drop down arrow but i couldn t fix it can anyone help me with this  I have attached the source code   my class file       import android os Bundle      import android view View      import android widget AdapterView      import android widget ArrayAdapter      import android widget Button      import android widget EditText      import android widget Spinner      import android widget AdapterView OnItemSelectedListener      import android widget Toast           public class topup extends Activity                Spinner spinner spin1 spin2 spin3                  EditText ed ed1                  Button btn                  List lt String gt  list  list1 list2 list3                      private String   countries list   01   02   03   04   05   06   07   08   09   10   11   12                         protected void onCreate Bundle savedInstanceState                            super onCreate savedInstanceState                           setContentView R layout topup                             spinner    Spinner  findViewById R id spinner1                           spin1   Spinner  findViewById R id spinner2                           spin2   Spinner  findViewById R id spinner3                           spin3   Spinner  findViewById R id spinner4                           ed    EditText  findViewById R id editText3                            list   new ArrayList lt String gt                             list add                              list add  select                            list add  01                            list add  02                            list add  03                            list add  04                            list add  05                            list add  06                            list add  07                            list add  08                            list add  09                            list add  10                            list add  11                            list add  12                             ArrayAdapter lt String gt  adp   new ArrayAdapter lt String gt                               this  android R layout simple spinner item  list                             adp setDropDownViewResource android R layout simple spinner dropdown item                            spinner setAdapter adp                             spinner setOnItemSelectedListener new OnItemSelectedListener                                     Override                             public void onItemSelected AdapterView lt   gt  parent  View arg1 int arg2  long arg3                                       TODO Auto-generated method stub                                  String item   spinner getItemAtPosition 1  toString                                       Toast makeText spinner getContext     Selected      item  Toast LENGTH LONG  show                                     String ss spinner getSelectedItem   toString                                     String                                                              public void onNothingSelected AdapterView lt   gt  arg0                                       TODO Auto-generated method stub                                                              my xml file    lt  xml version  1 0  encoding  UTF-8   gt   lt RelativeLayout xmlns android  http   schemas android com apk res android      xmlns tools  http   schemas android com tools      android layout width  match parent      android layout height  match parent      android background   drawable back1      android paddingBottom   dimen activity vertical margin      android paddingLeft   dimen activity horizontal margin      android paddingRight   dimen activity horizontal margin      android paddingTop   dimen activity vertical margin      tools context   MainActivity   gt        lt LinearLayout         android id    id linearLayout1          android layout width  wrap content          android layout height  55dp          android layout alignParentLeft  true          android layout alignParentRight  true          android layout alignParentTop  true          android layout marginTop  20dp           android background   drawable red  gt            lt Spinner             android id    id spinner1              android layout width  match parent              android layout height  match parent              android dropDownWidth  fill parent              gt        lt  LinearLayout gt        lt EditText         android id    id editText1          android layout width  wrap content          android layout height  55dp          android layout alignLeft    id linearLayout1          android layout alignRight    id linearLayout1          android layout below    id linearLayout1          android layout marginTop  25dp          android background   drawable red          android ems  10          android hint  enter card number   gt            lt requestFocus   gt       lt  EditText gt        lt LinearLayout         android id    id linearLayout2          android layout width  wrap content          android layout height  55dp          android layout alignLeft    id editText1          android layout alignRight    id editText1          android layout below    id editText1          android layout marginTop  33dp          android orientation  horizontal           android background   drawable red  gt            lt Spinner             android id    id spinner3              android layout width  72dp              android layout height  wrap content                 gt            lt Spinner             android id    id spinner2              android layout width  72dp              android layout height  wrap content                 gt            lt EditText             android id    id editText2              android layout width  22dp              android layout height  match parent              android layout weight  0 18              android ems  10              android hint  enter cvv    gt        lt  LinearLayout gt        lt LinearLayout         android id    id linearLayout3          android layout width  wrap content          android layout height  55dp          android layout alignParentLeft  true          android layout alignRight    id linearLayout2          android layout below    id linearLayout2          android layout marginTop  26dp          android orientation  vertical          android background   drawable red   gt       lt  LinearLayout gt        lt Spinner         android id    id spinner4          android layout width  15dp          android layout height  18dp          android layout alignBottom    id linearLayout3          android layout alignLeft    id linearLayout3          android layout alignRight    id linearLayout3          android layout alignTop    id linearLayout3           gt        lt Button         android id    id button1          android layout width  wrap content          android layout height  wrap content          android layout alignParentLeft  true          android layout alignParentRight  true          android layout below    id linearLayout3          android layout marginTop  18dp          android text  Add Amount           android background   drawable buttonsty   gt      lt  RelativeLayout gt

User · Answer

Set the Dropdown arrow image to spinner like this :

<Spinner
    android:id="@+id/Exam_Course"
    android:layout_width="320dp"
    android:background="@drawable/spinner_bg"
    android:layout_height="wrap_content"/>

Here android:background="@drawable/spinner_bg" the spinner_bg is the Dropdown arrow image.

User · Answer

If you have a vector icon and not bitmap  you can set it this way     lt item gt       lt layer-list gt           lt item gt               lt shape android shape  quot rectangle quot  gt                   lt gradient android angle  quot 270 quot  android centerColor  quot  65FFFFFF quot  android centerY  quot 0 2 quot  android endColor  quot  00FFFFFF quot  android startColor  quot  color light gray quot    gt                   lt stroke android width  quot 1dp quot  android color  quot  color darkGray quot    gt                   lt corners android radius  quot  dimen edit text corner radius quot    gt               lt  shape gt           lt  item gt            lt item             android right  quot 5dp quot              android gravity  quot center right quot              android drawable  quot  drawable gardify spinner dropdown icon quot   gt        lt  layer-list gt   lt  item gt

User · Answer

From the API level 16 and above  you can use following code to change the drop down icon in spinner  just goto onItemSelected in setonItemSelectedListener and change the drawable of textview selected like this   spinner setOnItemSelectedListener new AdapterView OnItemSelectedListener              Override         public void onItemSelected AdapterView lt   gt  parent  View view  int position  long id         give the color which ever you want to give to spinner item in this line of code                  API Level 16 and above only                TextView parent getChildAt position   setCompoundDrawablesRelativeWithIntrinsicBounds null null ContextCompat getDrawable Activity this R drawable icon  null      Basically itis changing the drawable of textview  we have change the textview left drawable              Override         public void onNothingSelected AdapterView lt   gt  parent                 hope it will help somebody

User · Answer

Attach a Spinner Style using Java Code   First  you need to a layout file such as below    lt  xml version  1 0  encoding  utf-8   gt  lt TextView xmlns android  http   schemas android com apk res android  android id   android id text1  style   android attr spinnerDropDownItemStyle  android layout width  match parent  android layout height  wrap content  android ellipsize  none  android minHeight   android attr listPreferredItemHeight    gt    Let us name it spinner item xml and place it inside res layouts folder   Next  Create a String ArrayList and put all the Spinner options inside it   ArrayList lt String gt  spinnerArray   new ArrayList lt String gt     spinnerArray add  Item No  1    spinnerArray add  Item No  2    spinnerArray add  Item No  3    spinnerArray add  Item No  4      Finally  create the Spinner object and attach the style layout to it   Spinner spinner   new Spinner getActivity     spinner setTag  some id    ArrayAdapter lt String gt  spinnerArrayAdapter   new ArrayAdapter lt String gt  getActivity    android R layout simple spinner dropdown item  spinnerArray                    spinnerArrayAdapter setDropDownViewResource R layout spinner item   spinner setAdapter spinnerArrayAdapter     Note the Spinner getActivity    in the above line will be changed to Spinner this  if you are writing this from inside Activity rather than from inside a fragment   Thats all     Attach a Spinner Style inside Android Layout File   First  create a  xml file the defines the style attribute  gradient spinner xml    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 type  linear    gt                lt stroke android width  1dp  android color   color colorBackground    gt                lt corners android radius  2dp    gt                lt padding android bottom  1dp  android left  1dp  android right  1dp  android top  1dp    gt           lt  shape gt  lt  item gt           lt item android right  5dp  gt               lt bitmap android gravity  center horizontal right  android src   drawable expand icon  gt               lt padding android right  2dp    gt           lt  bitmap gt           lt  item gt       lt  layer-list gt  lt  item gt    lt  selector gt    Next  inside the style xml file specify the style and call the gradient spinner as background   lt style name  spinner style  gt   lt item name  android layout width  gt match parent lt  item gt   lt item name  android layout height  gt wrap content lt  item gt   lt item name  android background  gt  drawable gradient spinner lt  item gt   lt item name  android layout margin  gt 1dp lt  item gt   lt item name  android paddingLeft  gt 5dp lt  item gt   lt item name  android paddingRight  gt 5dp lt  item gt   lt item name  android paddingTop  gt 5dp lt  item gt   lt item name  android paddingBottom  gt 5dp lt  item gt   lt  style gt    Finally  attach the above style to the Spinner    lt Spinner    android id    id agent id spinner     android layout width  match parent     android layout height  40dp     android textSize   dimen title text view     style   style spinner style     gt    Thats it

User · Answer

lt Spinner                     android layout width  match parent                      android layout height  match parent                      android layout marginRight  16dp                      android paddingLeft  10dp                      android spinnerMode  dropdown    gt

User · Answer

Copy and paste this xml to show as a Dropdown and change your Dropdown color    lt  xml version  1 0  encoding  UTF-8   gt  lt RelativeLayout xmlns android  http   schemas android com apk res android  xmlns tools  http   schemas android com tools  android layout width  match parent  android layout height  match parent  android background   drawable back1  android paddingBottom   dimen activity vertical margin  android paddingLeft   dimen activity horizontal margin  android paddingRight   dimen activity horizontal margin  android paddingTop   dimen activity vertical margin  tools context   MainActivity   gt    lt LinearLayout     android id    id linearLayout1      android layout width  wrap content      android layout height  55dp      android layout alignParentLeft  true      android layout alignParentRight  true      android layout alignParentTop  true      android layout marginTop  20dp       android background   drawable red  gt        lt Spinner android id    id spinner1          android layout width  match parent          android layout height  match parent          android dropDownWidth  fill parent           android popupBackground   drawable textbox          android spinnerMode  dropdown          android background   drawable drop down large          gt    lt  LinearLayout gt    lt EditText     android id    id editText1      android layout width  wrap content      android layout height  55dp      android layout alignLeft    id linearLayout1      android layout alignRight    id linearLayout1      android layout below    id linearLayout1      android layout marginTop  25dp      android background   drawable red      android ems  10      android hint  enter card number   gt        lt requestFocus   gt   lt  EditText gt    lt LinearLayout     android id    id linearLayout2      android layout width  wrap content      android layout height  55dp      android layout alignLeft    id editText1      android layout alignRight    id editText1      android layout below    id editText1      android layout marginTop  33dp      android orientation  horizontal       android background   drawable red  gt        lt Spinner         android id    id spinner3          android layout width  72dp          android layout height  wrap content           android popupBackground   drawable textbox          android spinnerMode  dropdown          android background   drawable drop down large             gt        lt Spinner         android id    id spinner2          android layout width  72dp          android layout height  wrap content           android popupBackground   drawable textbox          android spinnerMode  dropdown          android background   drawable drop down large            gt        lt EditText         android id    id editText2          android layout width  22dp          android layout height  match parent          android layout weight  0 18          android ems  10          android hint  enter cvv    gt    lt  LinearLayout gt    lt LinearLayout     android id    id linearLayout3      android layout width  wrap content      android layout height  55dp      android layout alignParentLeft  true      android layout alignRight    id linearLayout2      android layout below    id linearLayout2      android layout marginTop  26dp      android orientation  vertical      android background   drawable red   gt   lt  LinearLayout gt    lt Spinner     android id    id spinner4      android layout width  15dp      android layout height  18dp      android layout alignBottom    id linearLayout3      android layout alignLeft    id linearLayout3      android layout alignRight    id linearLayout3      android layout alignTop    id linearLayout3      android popupBackground   drawable textbox          android spinnerMode  dropdown          android background   drawable drop down large   gt    lt Button     android id    id button1      android layout width  wrap content      android layout height  wrap content      android layout alignParentLeft  true      android layout alignParentRight  true      android layout below    id linearLayout3      android layout marginTop  18dp      android text  Add Amount      android background   drawable buttonsty   gt

User · Answer

As a follow-up to another answer  I was asked how I changed the spinner icon to get something like this     One pretty easy way is to use a custom spinner item layout   Spinner spinner    Spinner  findViewById R id spinner   ArrayAdapter lt String gt  adapter   new ArrayAdapter lt String gt           this          R layout view spinner item          ITEMS    adapter setDropDownViewResource android R layout simple spinner dropdown item   spinner setAdapter adapter     In res layout view spinner item xml  define a TextView with android drawableRight pointing to the desired icon  along with any customisations to text size  paddings and so on  if you wish     lt  xml version  1 0  encoding  utf-8   gt   lt  -- Custom spinner item layout -- gt   lt TextView     xmlns android  http   schemas android com apk res android      android id   android id text1      style   android attr spinnerItemStyle      android layout width  wrap content      android layout height  wrap content      android singleLine  true      android textSize   dimen text size medium      android drawablePadding   dimen spacing medium      android drawableRight   drawable ic arrow down        gt     For the opened state  just use android R layout simple spinner dropdown item or similarly create a customised layout if you want to tweak every aspect of your spinner    To get the background  amp  colours looking nice  set the Spinner s android background and android popupBackground as shown in that other question  And if you were wondering about the custom font in the screenshot above  you ll need a custom SpinnerAdapter

User · Answer

copy and paste this xml instead of your xml   lt  xml version  1 0  encoding  UTF-8   gt   lt RelativeLayout xmlns android  http   schemas android com apk res android      xmlns tools  http   schemas android com tools      android layout width  match parent      android layout height  match parent      android background   drawable back1      android paddingBottom   dimen activity vertical margin      android paddingLeft   dimen activity horizontal margin      android paddingRight   dimen activity horizontal margin      android paddingTop   dimen activity vertical margin      tools context   MainActivity   gt        lt LinearLayout         android id    id linearLayout1          android layout width  wrap content          android layout height  55dp          android layout alignParentLeft  true          android layout alignParentRight  true          android layout alignParentTop  true          android layout marginTop  20dp           android background   drawable red  gt            lt Spinner             android id    id spinner1              android layout width  match parent              android layout height  match parent              android dropDownWidth  fill parent               android background   android drawable btn dropdown             gt        lt  LinearLayout gt        lt EditText         android id    id editText1          android layout width  wrap content          android layout height  55dp          android layout alignLeft    id linearLayout1          android layout alignRight    id linearLayout1          android layout below    id linearLayout1          android layout marginTop  25dp          android background   drawable red          android ems  10          android hint  enter card number   gt            lt requestFocus   gt       lt  EditText gt        lt LinearLayout         android id    id linearLayout2          android layout width  wrap content          android layout height  55dp          android layout alignLeft    id editText1          android layout alignRight    id editText1          android layout below    id editText1          android layout marginTop  33dp          android orientation  horizontal           android background   drawable red  gt            lt Spinner             android id    id spinner3              android layout width  72dp              android layout height  wrap content              android background   android drawable btn dropdown                 gt            lt Spinner             android id    id spinner2              android layout width  72dp              android layout height  wrap content               android background   android drawable btn dropdown                gt            lt EditText             android id    id editText2              android layout width  22dp              android layout height  match parent              android layout weight  0 18              android ems  10              android hint  enter cvv    gt        lt  LinearLayout gt        lt LinearLayout         android id    id linearLayout3          android layout width  wrap content          android layout height  55dp          android layout alignParentLeft  true          android layout alignRight    id linearLayout2          android layout below    id linearLayout2          android layout marginTop  26dp          android orientation  vertical          android background   drawable red   gt       lt  LinearLayout gt        lt Spinner         android id    id spinner4          android layout width  15dp          android layout height  18dp          android layout alignBottom    id linearLayout3          android layout alignLeft    id linearLayout3          android layout alignRight    id linearLayout3          android layout alignTop    id linearLayout3          android background   android drawable btn dropdown          gt        lt Button         android id    id button1          android layout width  wrap content          android layout height  wrap content          android layout alignParentLeft  true          android layout alignParentRight  true          android layout below    id linearLayout3          android layout marginTop  18dp          android text  Add Amount           android background   drawable buttonsty   gt   lt  RelativeLayout gt

User · Answer

Basically one needs to create a custom background for a spinner  It should be something like this    spinner background xml   lt selector xmlns android  http   schemas android com apk res android  gt        lt item gt            lt layer-list gt                lt item gt                   lt color                     android color   android color white   gt               lt  item gt                lt item gt                   lt bitmap                     android gravity  center vertical right                      android src   drawable ic arrow drop down black 24dp   gt               lt  item gt            lt  layer-list gt        lt  item gt    lt  selector gt    Then create a custom style for your spinner  where you specify the above selector as background    lt style name  Widget App Spinner  parent   style Widget AppCompat Spinner  gt       lt item name  overlapAnchor  gt true lt  item gt       lt item name  android background  gt  drawable spinner background lt  item gt   lt  style gt    And finally in your app theme you should override two attributes if you want it to be applied all across your app    lt item name  spinnerStyle  gt  style Widget App Spinner lt  item gt   lt item name  android spinnerStyle  gt  style Widget App Spinner lt  item gt    And that s pretty much it

User · Answer

One simple way is to wrap your Spinner   Drop Down Arrow Image inside a Layout  Set the background of Spinner as transparent so that the default arrow icon gets hidden  Something like this     lt LinearLayout          android layout width  match parent          android layout height  wrap content          android background   drawable background          android orientation  horizontal  gt            lt Spinner             android id    id spinner              android layout width  0dp              android layout height  wrap content              android layout gravity  center              android layout weight  4              android gravity  center              android background   android color transparent              android spinnerMode  dropdown    gt            lt ImageView             android layout width  wrap content              android layout height  wrap content              android layout gravity  center              android layout weight  1              android onClick  showDropDown              android src   drawable ic chevron down blue    gt        lt  LinearLayout gt    Here background xml is a drawable to produce a box type background    lt shape xmlns android  http   schemas android com apk res android  gt       lt solid android color   android color transparent    gt       lt corners android radius  2dp    gt       lt stroke         android width  1dp          android color   BDBDBD    gt   lt  shape gt    The above code produces this type of a Spinner and icon

User · Answer

dummy xml  drawable should be of very less size  i have taken 24dp    lt  xml version  1 0  encoding  utf-8   gt   lt layer-list android opacity  transparent  xmlns android  http   schemas android com apk res android  gt               lt item android width  100dp  android gravity  right  android start  300dp  gt                   lt bitmap android src   drawable down button dummy dummy  android gravity  center   gt               lt  item gt   lt  layer-list gt    layout file snippet   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 here to see resultant rendered layout

[android] How to set dropdown arrow in spinner?

Examples related to android

Examples related to android-spinner