How to change spinner text size and text color

Question

In my Android application  I am using spinner  and I have loaded data from the SQLite database into the spinner  and it s working properly  Here is the code for that   Spinner spinner    Spinner  this findViewById R id spinner1   List lt String gt  list   new ArrayList lt String gt     ArrayAdapter lt String gt  dataAdapter   new ArrayAdapter lt String gt    this android R layout simple spinner item  list   cursor moveToFirst     list add  All Lists     if  cursor getCount    gt  0        for  int i   0  i  lt  cursor getCount    i              keyList i    cursor getString cursor getColumnIndex AndroidOpenDbHelper KEYWORD            list add keyList i            cursor moveToNext            Database close    cursor close    dataAdapter setDropDownViewResource android R layout simple spinner dropdown item   spinner setAdapter dataAdapter     Now I want to change the text color and text size of spinner data  I have used following XML lines to my spinner tag on my XML file  but it is not working   android textColor   android color white  android textSize  11dp    How can I change the text color and text size of my spinner

User · Answer

Just wanted to make a small change on the correct answer at the top. Make a custom XML file for your spinner item inside the layout directory.

spinner_style.xml:

Give your customized color and size to text in this file.

 <?xml version="1.0" encoding="utf-8"?>

     <TextView  
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="match_parent" 
            android:layout_height="wrap_content"
            style="?android:attr/spinnerItemStyle"
            android:singleLine="true"
            android:ellipsize="marquee"
            android:textAlignment="inherit"
            android:textSize="15sp"
            android:textColor="#FF0000"         
            android:padding="5dp"
            />

Now use this file to show your spinner items inside your java file:

ArrayAdapter<String> adapter = new ArrayAdapter<>(this,R.layout.spinner_style,list);
adapter.setDropDownViewResource(R.layout.spinner_style);

User · Answer

First we have to create the simple xml resource file for the textview like as below        lt  xml version  1 0  encoding  utf-8   gt     lt TextView       xmlns android  http   schemas android com apk res android      android layout width  match parent       android layout height  wrap content      android textSize  20sp      android gravity  left        android textColor   FF0000               android padding  5dip        gt       and save it  after set on your adapterlist

User · Answer

If you want the text color to change in the selected item only  then this can be a possible workaround  It worked for me and should work for you as well   spinner getViewTreeObserver   addOnGlobalLayoutListener new ViewTreeObserver OnGlobalLayoutListener                  Override             public void onGlobalLayout                       TextView  spinner getSelectedView    setTextColor Color WHITE

User · Answer

Rather than making a custom layout to get a small size and if you want to use Android s internal small size LAYOUT for the spinner  you should use    android R layout simple gallery item  instead of  android R layout simple spinner item    ArrayAdapter lt CharSequence gt  madaptor   ArrayAdapter              createFromResource rootView getContext                                    R array String visitor                                  android R layout simple gallery item     It can reduce the size of spinner s layout  It s just a simple trick   If you want to reduce the size of a drop down list use this   madaptor setDropDownViewResource android R layout simple gallery item

User · Answer

For those who want to change DrowDownIcon color you can use like this  spinner getBackground   setColorFilter Color parseColor   ffffff    PorterDuff Mode SRC ATOP

User · Answer

Here is a link that can help you to change the color of the Spinner   Click here   lt Spinner     android layout width  fill parent      android layout height  wrap content      android id    id spinner      android textSize  20sp      android entries   array planets   gt    You need to create your own layout file with a custom definition for the spinner item spinner item xml    lt TextView xmlns android  http   schemas android com apk res android      android id   android id text1      android layout width  match parent      android layout height  wrap content      android textSize  20sp      android textColor   ff0000    gt    If you want to customize the dropdown list items  you will need to create a new layout file  spinner dropdown item xml    lt  xml version  1 0  encoding  utf-8   gt   lt CheckedTextView xmlns android  http   schemas android com apk res android      android id   android id text1      style   android attr spinnerDropDownItemStyle      android maxLines  1      android layout width  match parent      android layout height   android attr listPreferredItemHeight      android ellipsize  marquee      android textColor   aa66cc   gt    And finally another change in the declaration of the spinner   ArrayAdapter adapter   ArrayAdapter createFromResource this  R array planets array  R layout spinner item    adapter setDropDownViewResource R layout spinner dropdown item   spinner setAdapter adapter     That s it

User · Answer

String typeroutes       Select   Direct   Non Stop        Spinner typeroute       typeroute   view findViewById R id typeroute        final ArrayAdapter lt String gt  arrayAdapter5   new ArrayAdapter lt String gt                   getActivity    android R layout simple spinner item  typeroutes                 Override             public boolean isEnabled int position                    if  position    0                           Disable the first item from Spinner                        First item will be use for hint                     return false                    else                       return true                                               public View getView int position  View convertView  ViewGroup parent                    View v   super getView position  convertView  parent                     TextView  v  setTextSize TypedValue COMPLEX UNIT DIP  16                     TextView  v  setTextColor Color parseColor   ffffff                     return v                        ---- gt in this line very important so add this               Override             public View getDropDownView int position  View convertView                                          ViewGroup parent                    View view   super getDropDownView position  convertView  parent                   TextView tv    TextView  view                  if  position    0                           Set the hint text color gray                     tv setTextColor Color GRAY                     else                       tv setTextColor Color BLACK                                     return view                                    arrayAdapter5 setDropDownViewResource android R layout simple spinner dropdown item            typeroute setAdapter arrayAdapter5     that s all enjoy your coding

User · Answer

If all the spinners may have the same text color for their TextView items  another approach is to use a custom style for spinner dropdown items   In res values styles xml    lt resources gt       lt style name  AppBaseTheme  parent  android Theme Light  gt       lt  style gt        lt style name  AppTheme  parent  AppBaseTheme  gt           lt item name  android spinnerDropDownItemStyle  gt  style mySpinnerItemStyle lt  item gt       lt  style gt        lt style name  mySpinnerItemStyle  parent   android style Widget Holo DropDownItem Spinner  gt           lt item name  android textColor  gt  color my spinner text color lt  item gt       lt  style gt   lt  resources gt    And define your custom color in res values colors xml    lt color name  my spinner text color  gt  808080 lt  color gt

User · Answer

To change the color of spinner text     public void onItemSelected AdapterView lt   gt  parent  View view  int position  long id                  TextView  parent getChildAt 0   setTextColor Color WHITE

User · Answer

The easiest way to re-use change the android R layout resources is just go the definition  In Android Studio  do Ctrl   B on android R layout simple spinner item xml   It will take you to the resource file  Just copy the resource file and add a new layout in your Package R layout folder and change the textColor of textview as you like and then just call it in adapter like this   ArrayAdapter lt String gt  adapter   new ArrayAdapter lt String Context R layout spinner item  spinnerlist

User · Answer

Make a custom XML file for your spinner item   spinner item xml   Give your customized color and size to text in this file    lt  xml version  1 0  encoding  utf-8   gt    lt TextView       xmlns android  http   schemas android com apk res android      android layout width  match parent       android layout height  wrap content      android textSize  20sp      android gravity  left        android textColor   FF0000               android padding  5dip        gt    Now use this file to show your spinner items like   ArrayAdapter lt String gt  adapter   new ArrayAdapter lt String gt  this  R layout spinner item list     You don t need to set the drop down resource  It will take spinner item xml only to show your items in spinner

User · Answer

I have done this as following I have use getDropDownView   and getView   methods   Use getDropDownView   for opened Spinner    Override public View getDropDownView int position  View convertView  ViewGroup parent      View view   convertView    if  view    null        LayoutInflater vi    LayoutInflater  activity getSystemService Context LAYOUT INFLATER SERVICE       view   vi inflate R layout context row icon  null         TextView mTitle    TextView  view findViewById R id context label     ImageView flag    ImageView  view findViewById R id context icon                      mTitle setText values position  getLabel activity       if     LabelItem  getItem position   isEnabled          mTitle setTextColor activity getResources   getColor R color context item disabled        else       mTitle setTextColor activity getResources   getColor R color context item          return view      And Use getView   for closed Spinner    Override public View getView int position  View convertView  ViewGroup parent      View view   convertView    if  view    null        LayoutInflater vi    LayoutInflater  activity getSystemService Context LAYOUT INFLATER SERVICE       view   vi inflate R layout context row icon  null         TextView mTitle    TextView  view findViewById R id context label     ImageView flag    ImageView  view findViewById R id context icon      mTitle setText values position  getLabel activity      mTitle setTextColor activity getResources   getColor R color context item disabled       return view

User · Answer

Simplest  Works for me  TextView spinnerText    TextView  spinner getChildAt 0    spinnerText setTextColor Color RED

User · Answer

For someone who needs only Style way for AppCompat   Result    styles xml     lt resources gt                lt style name  Spinner  parent  Widget AppCompat Light DropDownItem Spinner  gt           lt item name  android paddingStart  gt 0dp lt  item gt           lt item name  android paddingEnd  gt 0dp lt  item gt           lt item name  android textColor  gt  color material grey 700 lt  item gt           lt item name  android textSize  gt 12sp lt  item gt       lt  style gt   lt  resources gt    your spinner layout xml   lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android      xmlns app  http   schemas android com apk res-auto      xmlns tools  http   schemas android com tools      android layout width  match parent      android layout height  match parent    gt                lt android support v7 widget AppCompatSpinner         android id    id content spinner          style   style Widget AppCompat Spinner Underlined          android layout width  140dp          android layout height  wrap content          android entries   array shipping tracking carrier names          android spinnerMode  dropdown          android theme   style Spinner    gt        lt EditText         android id    id content input          android layout width  140dp          android layout height  wrap content          android inputType  text          android maxLines  1          android paddingEnd  8dp          android paddingStart  8dp          android textColor   color material grey 700          android textSize  12sp    gt            lt  LinearLayout gt        Plus And if you want to set android entries programmatically with defined style  Try this    AppCompatSpinner spinner   findViewById R id content spinner   CharSequence   entries   getResources   getTextArray R array shipping tracking carrier names   ArrayAdapter lt CharSequence gt  adapter   new ArrayAdapter lt  gt  spinner getContext    android R layout simple spinner item  entries   adapter setDropDownViewResource android support v7 appcompat R layout support simple spinner dropdown item   spinner setAdapter adapter     As in the code  using same Context with the Spinner is most important thing     spinner getContext

User · Answer

Another variation of Ashraf s solution would be to make sure you re taking into account screen sizes   You ll need to get the spinner in onCreate and set the listener after you set the adapter     set your adapter with default or custom spinner cell  then    serverSpinner setOnItemSelectedListener spinnerSelector   serverSpinner setSelection defaultServer     Then you can start changing the text size of the view that s showing before the spinner is clicked   private AdapterView OnItemSelectedListener spinnerSelector   new AdapterView OnItemSelectedListener         public void onItemSelected AdapterView lt   gt  parent  View view  int pos  long id            boolean tabletSize   getResources   getBoolean R bool isTablet           boolean largeTablet   getResources   getBoolean R bool isLargeTablet           if  tabletSize      TextView parent getChildAt 0   setTextSize 16             else if  largeTablet      TextView parent getChildAt 0   setTextSize 18             else     TextView parent getChildAt 0   setTextSize 12               public void onNothingSelected AdapterView lt   gt  parent                All you need to do is create layout specific folders like this      values-sw360dp      values-sw600dp      values-sw800dp   an then add an xml file named  bool xml  into each of those folders    lt  xml version  1 0  encoding  utf-8   gt   lt resources gt       lt bool name  isTablet  gt false lt  bool gt       lt bool name  isLargeTablet  gt false lt  bool gt   lt  resources gt

User · Answer

we can change style of spinner textview set theme for spinner like this  styles xml   lt style name  quot mySpinnerItemStyle quot  parent  quot  android style Widget Holo DropDownItem Spinner quot  gt       lt item name  quot android textSize quot  gt  dimen  11ssp lt  item gt       lt item name  quot android textColor quot  gt  color blue lt  item gt       lt item name     lt  item gt   lt  style gt   then  lt Spinner                     android theme  quot  style mySpinnerItemStyle quot                      android layout width  quot match parent quot                      android layout height  quot wrap content quot   gt   if you want to change spinner textview attribute programtically  Programatically  val textView    view getChildAt 0  as TextView  textView setTextColor resources getColor R color dark mode

User · Answer

To prevent lagging  you need to not only set the text properties in the onItemSelected listener  but also in the Activity s onCreate method  but it s a little tricky    Specifically  you need to put this in onCreate after setting the adapter   spinner setSelection 0  true   View v   spinner getSelectedView      TextView v  setTextColor backgroundColor     And then put this in onItemSelected     TextView  view  setTextColor backgroundColor     Here is a full example    Override   protected void onCreate Bundle savedInstanceState          Spinner spinner    Spinner  findViewById R id spinner           Set the choices on the spinner by setting the adapter        spinner setAdapter new SpinnerAdapter toolbar getContext    new String    Overview    Story    Specifications    Poll    Video    accentColor  backgroundColor           Set the text color of the Spinner s selected view  not a drop down list view       spinner setSelection 0  true       View v   spinner getSelectedView          TextView v  setTextColor backgroundColor          Set the listener for when each option is clicked        spinner setOnItemSelectedListener new AdapterView OnItemSelectedListener                     Override           public void onItemSelected AdapterView lt   gt  parent  View view  int position  long id                           Change the selected item s text color                TextView  view  setTextColor backgroundColor                         Override           public void onNothingSelected AdapterView lt   gt  parent                                           For more details  see my question

User · Answer

Try this method  It is working for me     Override public void onItemSelected AdapterView lt   gt  adapterView  View view  int i  long l        TextView textView    TextView  view        TextView  adapterView getChildAt 0   setTextColor Color RED         TextView  adapterView getChildAt 0   setTextSize 20       Toast makeText this  textView getText     Selected   Toast LENGTH SHORT  show

User · Answer

just add new style like this    lt style name  mySpinnerItemStyle  parent  ThemeOverlay AppCompat Dark  gt       lt item name  android textColor  gt  000 lt  item gt       lt item name  android color  gt  000 lt  item gt   lt  style gt    and use it    lt Spinner       android id    id spinnerCategories        android layout width  match parent        android layout height  wrap content        style   style mySpinnerItemStyle        android layout margin  5dp    gt

User · Answer

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 spinnerItemStyle      android singleLine  true      android layout width  match parent      android layout height  wrap content      android textColor   fff      android ellipsize  marquee      android textAlignment  inherit   gt    just use this   ArrayAdapter lt String gt  adapter category   new ArrayAdapter lt String gt  this      R layout spinner list item  categories   adapter category      setDropDownViewResource android R layout simple spinner dropdown item

User · Answer

Simple and crisp      private OnItemSelectedListener OnCatSpinnerCL   new AdapterView OnItemSelectedListener         public void onItemSelected AdapterView lt   gt  parent  View view  int pos  long id              TextView  parent getChildAt 0   setTextColor Color BLUE            TextView  parent getChildAt 0   setTextSize 5               public void onNothingSelected AdapterView lt   gt  parent

User · Answer

Can change the text colour by overriding the getView method as follows    new ArrayAdapter lt String gt  getContext    android R layout simple spinner dropdown item  list                      Override                 public View getView int position  View convertView   NonNull ViewGroup parent                        View view   super getView position  convertView  parent                         change the color to which ever you want                                           CheckedTextView  view  setTextColor Color RED                         change the size to which ever you want                                           CheckedTextView  view  setTextSize 5                         for using sp values use setTextSize TypedValue COMPLEX UNIT SP  16                       return view

User · Answer

If you work with android support v7 widget AppCompatSpinner here is the simplest tested solution using styles     lt android support v7 widget AppCompatSpinner                     android id    id spefcialFx                      style   style Widget AppCompat Spinner Underlined                      android layout width  200dp                      android layout height  wrap content                      android layout marginLeft  4dp                      android theme   style Spinner                      android entries   array special fx arrays                      android textSize   dimen text size normal  gt  lt  android support v7 widget AppCompatSpinner gt    And the style    lt style name  Spinner  parent  Widget AppCompat Light DropDownItem Spinner  gt           lt item name  android paddingStart  gt 0dp lt  item gt           lt item name  android paddingEnd  gt 0dp lt  item gt           lt item name  android textColor  gt  color white lt  item gt           lt item name  android backgroundTint  gt  color red lt  item gt           lt item name  android textSize  gt 14sp lt  item gt       lt  style gt    The only downside is the android backgroundTint sets color for both the dropdown arrow and the dropdown background

[android] How to change spinner text size and text color?

Examples related to android

Examples related to spinner