web-dev-qa-db-ja.com

スピナーのテキストサイズとテキストの色を変更するにはどうすればいいですか？

私のAndroidアプリケーションでは、spinnerを使用しています。SQLiteデータベースからspinnerにデータをロードしましたが、正常に動作しています。これはそのためのコードです。

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ファイルのスピナータグに次のXML行を使用しましたが、機能しません。

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

スピナーの文字色と文字サイズを変更するにはどうすればよいですか。

androidspinner
386
Dinesh Anuruddha

スピナーアイテム用のカスタム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がかかります。

698
Hiral

シンプルでぱりっとした...：

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) {

    }
};
168
Ashraf

すべてのスピナーの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>
137
Whypee

これは、 スピナーの色を変更するのに役立つリンクです ：

ここをクリック

<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);

それでおしまい。

65
Niib Fouda

遅れを防ぐためには、onItemSelectedリスナだけでなく、アクティビティの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
Rock Lee

あなたが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はドロップダウンの矢印とドロップダウンの背景の両方の色を設定します。

14
voytez

選択したアイテムでのみテキストの色を変更したい場合は、これが回避策の可能性があります。それは私にとってはうまくいったし、あなたにとってもうまくいくはずだ。

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

StyleにAppCompat方法しか必要としない人のために。

結果
enter image description here enter image description here

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()
4
wonsuc

小さいサイズを取得するためにカスタムレイアウトを作成するのではなく、スピナーにAndroidの内部の小さいサイズのLAYOUTを使用する場合は、次のようにします。

「Android.R.layout.simple_spinner_item」ではなく「Android.R.layout.simple_gallery_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
Hemant Shori

DrowDownIcon色を変更したい人のためには、次のように使えます。

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

次のように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;
                }
    }
3
Madhur

Android.R.layoutリソースを再利用/変更する最も簡単な方法は、定義を変更することです。 Android Studioでは、 Ctrl + B Android.R.layout.simple_spinner_item.xmlにあります。

リソースファイルに移動します。リソースファイルをコピーしてPackage.R.layoutフォルダに新しいレイアウトを追加し、textviewのtextColorを好きなように変更してから、アダプタでこのように呼び出します。

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

最も簡単な方法

TextView spinnerText = (TextView) spinner.getChildAt(0);

spinnerText.setTextColor(Color.RED);
2
Waqar Ahmed Shujrah

単純な方法が必要な場合は、ドロップダウンに項目を追加するために、通常それらを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>
1
Gamer Gunshield
<?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
santosh

まず、以下のように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
Ishor Neupane

スピナーテキストの色を変更するには：

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

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
whyoz

このような新しいスタイルを追加するだけです。

<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
Elyas Nategh

あなたは完全にカスタマイズされたスピナー用のこのタイプのアダプターを持つことができます。

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

私は以下のようにこれを行いました。私は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;
}
0
Bhavinkumar Patel