如何更改微调器的文字大小和文字颜色?


432

在我的Android应用程序中,我正在使用微调器,并且已经将SQLite数据库中的数据加载到微调器中,并且它可以正常工作。这是代码。

Spinner spinner = (Spinner) this.findViewById(R.id.spinner1);
List<String> list = new ArrayList<String>();
ArrayAdapter<String> dataAdapter = new ArrayAdapter<String>  (this,android.R.layout.simple_spinner_item, list);
cursor.moveToFirst();

list.add("All Lists");

if (cursor.getCount() > 0) {
    for (int i = 0; i < 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);

现在,我想更改微调器数据的文本颜色和文本大小。我在XML文件上的Spinner标记中使用了以下XML行,但无法正常工作。

android:textColor="@android:color/white"
android:textSize="11dp"

如何更改微调器的文本颜色和大小?


检查以下站点[StackoverFlow] [1] [stackoverflow] [2] [stackoverflow] [3]我认为这是重复的问题[1]:stackoverflow.com/questions/4880413/… [2]:stackoverflow.com/questions / 4989817 / ... [3]:stackoverflow.com/questions/5836254/...
user1203673


1
对于TEXTSIZE正确的方法是使用SP ...机器人:TEXTSIZE =“11SP”
迭戈贝南西奥

Answers:


780

为您的微调项创建一个自定义XML文件。

spinner_item.xml:

为该文件中的文本提供自定义的颜色和大小。

<?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"
    android:textSize="20sp"
    android:gravity="left"  
    android:textColor="#FF0000"         
    android:padding="5dip"
    />

现在使用此文件显示您的微调项,例如:

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

您无需设置下拉资源。这将需要spinner_item.xml只显示在微调您的项目。


2
@Hiral文本仅对于当前所选项目为白色。
特斯拉2013年

8
@SANTHOSH好,您必须将id添加到TextView,只需将其追加到那里android:id="@+id/customSpinnerItemTextView"。如果您调试了此功能,那么您将知道这一点。
vilpe89

3
@ vilpe89您可以修改上面的代码以显示您的意思吗?这个android:id去哪里了?当然不在Spinner标记中,因为它具有自己的ID。但是将其添加到上面创建的textview标签中没有任何意义。如何引用我想直接从XML使用此标记的信息?另外,从Eclipse创建XML时,我看不到创建仅包含TextView的XML文件的任何选项,这是怎么工作的?
迈克尔

29
只是一点笔记。Textsize应该使用sp而不是dp / dip
ymerdrengene 2014年

18
不能仅使用样式来完成此操作吗?我感到惊讶的是,这么小的东西很难在android中设置样式。这真令人沮丧。.我希望他们拥有css这样的样式系统
yeahman

183

简单明快...:

private OnItemSelectedListener OnCatSpinnerCL = new AdapterView.OnItemSelectedListener() {
    public void onItemSelected(AdapterView<?> parent, View view, int pos, long id) {

       ((TextView) parent.getChildAt(0)).setTextColor(Color.BLUE);
       ((TextView) parent.getChildAt(0)).setTextSize(5);

    }

    public void onNothingSelected(AdapterView<?> parent) {

    }
};

19
这对我来说是最好的解决方案,因为我需要在微调器中而不是在出现的列表中更改文本的颜色。谢谢。
peter.bartos 2012年

7
对我来说,物品的颜色闪烁,从原始颜色变成我选择的颜色
费利佩·孔德

@FelipeConde您找到答案了吗?我也有同样的问题。我的问题是在这里:stackoverflow.com/questions/33908564/...
李洛克

@FelipieConde对您来说,它首先采用上升色,然后您手动更改为其他颜色,因此看起来很累。首先它需要<item name =“ colorAccent”> @ color / color_primary </ item>然后您通过编程手动更改,因此您会感到眨眼
Ashraf

2
这对我有用,但是我的问题是当我从片段应用返回时崩溃,因为它在上面的代码上获得了空指针
Akshay Shah

145

如果所有微调器的TextView项可能具有相同的文本颜色,则另一种方法是对微调器下拉项使用自定义样式:

res/values/styles.xml

<resources>
    <style name="AppBaseTheme" parent="android:Theme.Light">
    </style>

    <style name="AppTheme" parent="AppBaseTheme">
        <item name="android:spinnerDropDownItemStyle">@style/mySpinnerItemStyle</item>
    </style>

    <style name="mySpinnerItemStyle" parent="@android:style/Widget.Holo.DropDownItem.Spinner">
        <item name="android:textColor">@color/my_spinner_text_color</item>
    </style>
</resources>

并在res / values / colors.xml中定义您的自定义颜色:

<color name="my_spinner_text_color">#808080</color>

2
以及如何将此解决方案应用于Appcompt主题?我通过重写父主题“ @ style / Widget.AppCompat.DropDownItem.Spinner”来消除它,但效果
不佳

11
我还要添加:<item name =“ android:spinnerItemStyle”> @ style / mySpinnerItemStyle </ item>这样可以确保折叠后的文本具有相同的颜色-如果这是所需的行为。
无限循环

4
不适用于我,样式也被完全忽略
diogo.abdalla 2015年

1
@Whypee请根据对我完全有效的无限循环的建议编辑您的答案
Chintan Desai

4
对于程序兼容性主题只是删除android:这样<item name="spinnerDropDownItemStyle">@style/mySpinnerItemStyle</item>
Roman_D

73

这是一个可以帮助您更改微调器颜色的链接:

点击这里

<Spinner
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:id="@+id/spinner"
    android:textSize="20sp"
    android:entries="@array/planets"/>

您需要使用旋转器项目spinner_item.xml的自定义定义来创建自己的布局文件:

<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" />

如果要自定义下拉列表项,则需要创建一个新的布局文件。spinner_dropdown_item.xml

<?xml version="1.0" encoding="utf-8"?>
<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"/>

最后是微调器声明中的另一个更改:

ArrayAdapter adapter = ArrayAdapter.createFromResource(this,
R.array.planets_array, R.layout.spinner_item);

adapter.setDropDownViewResource(R.layout.spinner_dropdown_item);
spinner.setAdapter(adapter);

而已。


2
这是来自新用户查看帖子的自动回复。很高兴看到您编辑了答案!:)
Marko

1
似乎android:textSize="20sp"在第一个代码段中没有用:控件的textsize在spinner_item.xml
DenisGL

23

如果您使用的是android.support.v7.widget.AppCompatSpinner,则以下是使用样式测试过的最简单的解决方案:

 <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"></android.support.v7.widget.AppCompatSpinner>

和样式:

<style name="Spinner" parent="Widget.AppCompat.Light.DropDownItem.Spinner">
        <item name="android:paddingStart">0dp</item>
        <item name="android:paddingEnd">0dp</item>
        <item name="android:textColor">@color/white</item>
        <item name="android:backgroundTint">@color/red</item>
        <item name="android:textSize">14sp</item>
    </style>

唯一的缺点是android:backgroundTint设置下拉箭头和下拉背景的颜色。


3
您使用style="@style/Widget.AppCompat.Spinner.Underlined"但您只有style name="Spinner"...
user25 '18年

1
paddingStart需要API 17,backgroundTint需要
API21。– CoolMind

18

为了避免滞后,您不仅需要在onItemSelected侦听器中设置文本属性,还需要在Activity的onCreate方法中设置文本属性(但这有点棘手)。

具体来说,您需要onCreate在设置适配器后将其放入:

spinner.setSelection(0, true);
View v = spinner.getSelectedView();
((TextView)v).setTextColor(backgroundColor);

然后放入onItemSelected

((TextView) view).setTextColor(backgroundColor);

这是一个完整的示例:

@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<?> parent, View view, int position, long id)
        {  
           //Change the selected item's text color  
           ((TextView) view).setTextColor(backgroundColor);
        }  

        @Override  
        public void onNothingSelected(AdapterView<?> parent)
        {  
        }  
    });  

}  

有关更多详细信息,请参阅我的问题


15

如果只希望更改所选项目中的文本颜色,则这可能是一种解决方法。它为我工作,也应该为您工作。

spinner.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                ((TextView) spinner.getSelectedView()).setTextColor(Color.WHITE);
            }
        });

6

对于只需要Style路的人AppCompat

结果
在此处输入图片说明 在此处输入图片说明

styles.xml

<resources>
    ... 
    <style name="Spinner" parent="Widget.AppCompat.Light.DropDownItem.Spinner">
        <item name="android:paddingStart">0dp</item>
        <item name="android:paddingEnd">0dp</item>
        <item name="android:textColor">@color/material_grey_700</item>
        <item name="android:textSize">12sp</item>
    </style>
</resources>

your_spinner_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<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" />
    ...

    <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" />

    <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" />

    ...
</LinearLayout>    

加号
如果您要以android:entries编程方式设置已定义的样式。
尝试这个。

AppCompatSpinner spinner = findViewById(R.id.content_spinner);
CharSequence[] entries = getResources().getTextArray(R.array.shipping_tracking_carrier_names);
ArrayAdapter<CharSequence> adapter = new ArrayAdapter<>(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);

与在代码中一样,Context与一起使用Spinner是最重要的。

spinner.getContext()

5

更改微调文字的颜色:

 public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
            ((TextView) parent.getChildAt(0)).setTextColor(Color.WHITE);}

这是最简单的方法,对我有用,谢谢!
Mousa Alfhaily,

我也喜欢这个解决方案。这很简单,效果很好。
korchix

4

除了要使用小尺寸的自定义布局之外,如果您想使用微调器的Android内部小尺寸LAYOUT,还应该使用:

“ android.R.layout.simple_gallery_item”,而不是“ android.R.layout.simple_spinner_item”。

ArrayAdapter<CharSequence> madaptor = ArrayAdapter
            .createFromResource(rootView.getContext(),
                                R.array.String_visitor,
                                android.R.layout.simple_gallery_item);

它可以减小微调器的布局大小。这只是一个简单的把戏。

如果要减小下拉列表的大小,请使用以下命令:

madaptor.setDropDownViewResource(android.R.layout.simple_gallery_item);

4

重用/更改android.R.layout资源的最简单方法就是定义。在Android Studio中,在android.R.layout.simple_spinner_item.xml上执行Ctrl+ B

它将带您到资源文件。只需复制资源文件,然后在Package.R.layout文件夹中添加新布局,然后根据需要更改textview的textColor,然后在适配器中像这样调用即可:

ArrayAdapter<String> adapter = new ArrayAdapter<String(Context,R.layout.spinner_item, spinnerlist);

4

对于那些想要改变DrowDownIcon颜色的人,您可以像这样使用

spinner.getBackground().setColorFilter(Color.parseColor("#ffffff"), PorterDuff.Mode.SRC_ATOP);

你能尝试<item name="android:colorControlNormal" tools:targetApi="lollipop">@color/light_gray</item>
阿曼·辛格

将这条线放入您的风格AppTheme
AMAN SINGH

这是有效的代码Drawable spinnerDrawable = spinner.getBackground().getConstantState().newDrawable(); spinnerDrawable.setColorFilter(getResources().getColor(R.color.md_white_1000), PorterDuff.Mode.SRC_ATOP); if (android.os.Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) { spinner.setBackground(spinnerDrawable); }else{ spinner.setBackgroundDrawable(spinnerDrawable); }
Edijae Crusar

4

可以通过重写getView方法来更改文本颜色,如下所示:

 new ArrayAdapter<String>(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;
                }
    }


2
<?xml version="1.0" encoding="utf-8"?>
<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"/>

只需使用此:

ArrayAdapter<String> adapter_category = new ArrayAdapter<String>(this,
    R.layout.spinner_list_item, categories);
adapter_category
    .setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

1

Ashraf解决方案的另一种形式是确保您考虑到屏幕尺寸。设置适配器后,您需要在onCreate中获取微调器并设置侦听器:

//set your adapter with default or custom spinner cell, then://
serverSpinner.setOnItemSelectedListener(spinnerSelector);
serverSpinner.setSelection(defaultServer);

然后,您可以开始更改单击微调框之前显示的视图的文本大小:

private AdapterView.OnItemSelectedListener spinnerSelector = new AdapterView.OnItemSelectedListener() {
    public void onItemSelected(AdapterView<?> 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<?> parent) {

    }
};

您所需要做的就是创建特定于布局的文件夹,如下所示:

值-sw360dp

值-sw600dp

值-sw800dp

然后在每个文件夹中添加一个名为“ bool.xml”的xml文件:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <bool name="isTablet">false</bool>
    <bool name="isLargeTablet">false</bool>
</resources>

1

首先,我们必须为如下创建简单的xml资源文件textview

<?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"
    android:textSize="20sp"
    android:gravity="left"  
    android:textColor="#FF0000"         
    android:padding="5dip"
    />   

并保存。在适配器列表上设置之后。


1

您可以使用完全定制的这种类型的转杯适配器:

 ArrayAdapter<String> genderAdapter = new ArrayAdapter<String>(getActivity(), R.layout.spinner_text, genderList) {

        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("#676767"));
            ((TextView) v).setTypeface(vrFont);
            return v;
        }

        public View getDropDownView(int position, View convertView, ViewGroup parent) {
            View v = super.getDropDownView(position, convertView, parent);
            ((TextView) v).setTextSize(TypedValue.COMPLEX_UNIT_DIP, 16);
            ((TextView) v).setTypeface(vrFont);
            ((TextView) v).setTextColor(Color.parseColor("#676767"));

            if (position == 0) {
                ((TextView) v).setTextColor(Color.parseColor("#979797"));
            }

            return v;
        }

而R.layout.spinner_text是:

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/text1"
style="?android:attr/spinnerItemStyle"
android:layout_width="fill_parent"
android:layout_height="40dp"
android:gravity="center_vertical|left"
android:ellipsize="marquee"
android:maxLines="1"
android:textColor="@color/whiteThree" />

1

如果您想要一个简单的方法,为了将项目添加到下拉列表中,通常将它们添加到strings.xml。这是有关如何使用strings.xml文件添加颜色的示例:

选择年龄范围

<string-array name="age_array">

   <item> 0-6 </item>                               //No custom colour

  <item><font fgcolor='#FF4CD964'> 12+ </font></item> //With custom colour

</string-array>

可爱的把戏...对于
单个

0

我已经按照以下步骤进行了操作:我使用了getDropDownView()和getView()方法。

使用getDropDownView()已开过微调。

@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;
}

getView()用于封闭的微调器。

@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;
}

这是正确的测试代码,并应用在AppStore的工作
Bhavinkumar帕特尔

0

试试这个方法。它为我工作。

@Override
public void onItemSelected(AdapterView<?> 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();
}

0

只需添加新样式,如下所示:

<style name="mySpinnerItemStyle" parent="ThemeOverlay.AppCompat.Dark">
    <item name="android:textColor">#000</item>
    <item name="android:color">#000</item>
</style>

并使用它:

<Spinner
      android:id="@+id/spinnerCategories"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      style="@style/mySpinnerItemStyle"
      android:layout_margin="5dp" />

0
    String typeroutes[] = {"Select","Direct","Non Stop"};
    Spinner typeroute;

    typeroute = view.findViewById(R.id.typeroute);

    final ArrayAdapter<String> arrayAdapter5 = new ArrayAdapter<String>(
                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;
            }         ---->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);

这一切都很享受您的编码...

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.