Android spinner text size

Tek Eye

The article Load Values into an Android Spinner showed how a Spinner is set up. It was stated in the article that the Spinner definition in the layout file does not define the View that the data being displayed uses. That is assigned when the Adapter that links the data to the Spinner is created. The previous article used the existing Android simple_spinner_item as the View for the data items. This has implications if the size of the Spinner text, or the color of the text needs to be changed. This tutorial covers changing the style of the text values in an Android Spinner.

(This Android Spinner styling tutorial assumes that Android Studio is installed, a basic App can be created and run, and the code in this article can be correctly copied into Android Studio. The example code can be changed to meet your own requirements. When entering code in Studio add import statements when prompted by pressing Alt-Enter.)

Create a New Studio Project

Create a new project in Android Studio, here called Spinner Style. An Empty Activity is used with other settings left at their default values. Follow the article Load Values into an Android Spinner to get a working Spinner running.

Why Using android:textSize on Spinner Does Not Work

The Properties list in Studio for the Spinner does not have a text size attribute (android:textSize), unlike, for example a TextView . This means trying to change the size of the text being displayed with android:textSize or android:textAppearance attributes on the Spinner definition is a no go.

Maybe a Custom Layout?

The solution to changing the Android Spinner text size is to pass in a custom layout. Instead of using an Android default layout like simple_spinner_item. Here a new Android layout XML file is created in the res/layout folder. Highlight the folder in the Project explorer and use the context menu (normally right-click) or the File menu and choose New, then Layout resource file. Call the file my_spinner.xml. Set the Root element to a TextView. Click OK.

Set the id of the TextView in the new layout file to text1, and set a textSize of 24sp. The layout_width is match_parent and layout_height is wrap_content. Finally maxlines is set to 1.

The my_spinner.xml will be similar to this:

Pass the new layout to the ArrayAdapter creation (the id has to be text1 for the Adapter to use the View ), replacing android.R.layout.simple_spinner_item with R.layout.my_spinner:

The text in the Spinner is now larger, but the default styling has been lost. This could be solved by assigning colors to the TextView, however, this would remove the Spinner styling from any theme that is being used on the device. Fortunately by using the Android feature that allows for the styling on Views to inherit from existing styles it is possible to get the Spinner back to the default theme but with the text size increase.

Extend the Default Theme

To achieve this create a new style XML file. Highlight the the res/values folder and use the context menu (normally right-click) or the File menu and choose New, then Values resource file, give it a name, here it is called my_styles.xml, the name is not important as long as a file of the same name does not exist. Click OK, other values remain as default (Source set is main, Directory name is values, no Chosen qualifiers).

In the new file a style element is defined. The name attribute given here is MySpinnerLook. This new style will inherit from an existing Android style. These can be viewed in Android’s styles.xml file, not the project’s styles.xml.

(The Android styles.xml can be viewed in the platforms/android-X/data/res/values folder, under the android-sdk folder. With X being the API level of the current Android platform. In the platform styles.xml is found the Widget.TextView.SpinnerItem style.)

The Widget.TextView.SpinnerItem style is assigned to the parent attribute of the new MySpinnerLook style (prefixed with @android:style/). The TextSize attribute is removed from the my_spinner.xml TextView layout file. It becomes an item (android:textSize) in the new style file. The my_styles.xml file will be similar to this:

With the my_spinner.xml file no longer having the TextSize attribute the link to the new style file is with a style attribute pointing to MySpinnerLook. The my_spinner.xml will now be similar to this:

The text is now bigger and with the correct font color. The new my_styles.xml file can be used to customise the Spinner text as required.

The Spinner styling source code is available in styling_spinner.zip or from the Android Example Projects page.

Summary

In summary to change the text size (or other style attributes) for a Spinner either:

1. Create a custom TextView layout.
2. Change the text size with the android:textSize attribute.
3. Change the text color with android:textColor.

1. Create a custom style.
2. Use @android:style/Widget.TextView.SpinnerItem as the parent style.
3. Change the text size with the android:textSize attribute.

See Also

• See the other Android Studio example projects to learn Android app programming.

Archive Comments

Adil on March 28, 2012 at 12:20 pm said: Thanks for this. Went through loads of tutorials and this was the only one that made sense!

Pawan on May 6, 2013 at 12:54 pm said: Very nice tutorial.

Author: Daniel S. Fowler Published: 2012-03-13 Updated: 2019-04-13

Do you have a question or comment about this article?

(Alternatively, use the email address at the bottom of the web page.)

↓markdown↓ CMS is fast and simple. Build websites quickly and publish easily. For beginner to expert.

Free Android Projects and Samples:

Источник

Android Spinner Text Color Size Programmatically Selected Item & Dropdown

Read about Android Spinner Text Color Size Programmatically tutorial example here.

In this tutorial, you will learn to change the text color and size of android spinner Programmatically.

You will also learn to change the text color and size of selected item of spinner.

We will also see how to change the text color and size of dropdown text and change color size of selected item in dropdown of spinner.

For this whole purpose we will implement custom adapter to our spinner.

The Ending Scenes

Step 1. Same Text For Spinner and Drop down

In this tutorial, I will make two spinners.

In one spinner, we will set same text color and size of spinner main text and drop down text.

Another second spinner will have different color and size for spinner and drop down text.

Let us first create first spinner.

Make a new layout file in res->layout directory. Name of file should be brand_dropdown.xml

Code for brand_dropdown.xml is as below

• This file creates a view for spinner and drop down text items.
• You can change the text color and size of the text in the above file only.
• Now we will see how to implement above file in java class.

Add the following code in MainActivity.java file

• As you can see in above code, we have set brand_dropdown.xml using setDropDownViewResource() method.

Step 2. Spinner With Custom Adapter

For making a spinner with custom adapter first add the below code in activity_main.xml

Write down the below source code in MainActivity.java

• Add the above code before the onCreate() method.
• I have created one integer variable which will hold the current selected position of spinner options.
• Then a string array will contain names of the cars as a spinner options.

After the onCreate() method, add the following code

• In this code, we will create an object of the adapter class. (We will create adapter class after two minutes)
• Then compiler will set the object of adapter with the spinner.
• When the user selects specific option from the spinner, compiler will call the setOnItemSelectedListener() method.
• In this method selectedCar variable will get the position of the selected option.
• Then compiler will change the text color of spinner.
• Now we need to create couple of layout files in res->layout directory.

Make a new file named cars_main.xml and write the below code in it

• This file will give text color and size to the spinner main layout.
• Prepare a new file and give it a name cars_dropdown.xml

Copy the following code in cars_dropdown.xml

• Textview of above file will represent the text lauout of the drop down elements.
• Change the text color and size from this file to reflect them in drop down pop menu.
• Now let us make an custom adapter class.
• Adapter class enable us to make a custom view for dropdown as well as for main layout of the spinner.

Prepare a new java class and give it a name CarsAdapter.java

Code structure for CarsAdapter.java may look like the following

• getView() method from the above code will create the view for spinner’s main layout.
• getView() method will inflate the brand_dropdown.xml file to create the user interface of spinner’s main view.
• getDropDownView() method is responsible for drop down user interface.
• In this method, cars_dropdown.xml is inflated and dropdown will have view like this file.
• Compiler will check one if condition. It will check whether position is selected or not.
• If selected then it will change the text color.

You can Programmatically set the color and size of drop down texts in both methods.

Источник

Как изменить размер и цвет текста spinner?

в моем приложении для Android я использую spinner, и я загрузил данные из базы данных SQLite в spinner, и он работает правильно. Вот код для этого.

теперь я хочу изменить цвет текста и размер текста данных блесны. Я использовал следующие строки XML для моего тега spinner в моем XML-файле, но он не работает.

Как я могу изменить цвет текста и размер текста моя пряха?

19 ответов

создайте пользовательский XML-файл для элемента spinner.

spinner_item.XML-код:

дайте настроенный цвет и размер текста в этом файле.

Теперь используйте этот файл, чтобы показать свои элементы spinner, такие как:

вам не нужно устанавливать раскрывающийся ресурс. Это займет spinner_item.xml только для того, чтобы показать свои предметы в spinner.

простые и четкие.

Если все блесны могут иметь один и тот же цвет текста для своих элементов TextView, другой подход заключается в использовании пользовательского стиля для выпадающих элементов spinner:

и определите свой пользовательский цвет в res / values / colors.XML-код:

вот ссылка, которая может помочь вам!—5—>изменить цвет блесны:

вам нужно создать свой собственный файл макета с пользовательским определением для элемента spinner spinner_item.в XML:

если вы хотите настроить элементы раскрывающегося списка, вам нужно будет создать новый файл макета. spinner_dropdown_item.в XML:

и, наконец, еще изменение в объявлении спиннера:

чтобы предотвратить отставание, вам нужно не только установить свойства текста в onItemSelected слушатель, но и в деятельности onCreate метод (но это немного сложно).

в частности, вам нужно поместить это в onCreate после установки адаптера:

и затем поместите это в onItemSelected :

дополнительные сведения см. В разделе у меня вопрос.

Если вы хотите изменить цвет текста только в выбранном элементе, это может быть возможным обходным путем. Это сработало для меня и должно сработать и для тебя.

Если вы работаете с Android.поддержка.В7.штучка.AppCompatSpinner вот самое простое проверенное решение с использованием стилей:

единственный недостаток-андроид:backgroundTint наборы цвет как на стрелку и в выпадающем фоне.

вместо того, чтобы делать пользовательский макет, чтобы получить небольшой размер, и если вы хотите использовать внутренний макет небольшого размера Android для спиннера, вы должны использовать:

» android.R. макет.simple_gallery_item «вместо» android.R. макет.simple_spinner_item».

Он может уменьшить размер макета прядильщика. Это просто трюк.

Если вы хотите уменьшить размер в выпадающем списке этого:

для тех, кто хочет изменить DrowDownIcon цвета вы можете использовать как это

для тех, кто нуждается только Style путь AppCompat .

результат

стили.в XML

your_spinner_layout.в XML

плюс
И если вы хотите установить android:entries программно с определенным стилем.
Попробовать это.

как в коде, используя то же самое Context С Spinner это самое главное.

Simplest: работает для меня

самый простой способ повторно использовать / изменить android.R. ресурсы макета-это просто определение. В Android Studio сделайте Ctrl + B на android.R. макет.simple_spinner_item.XML.

он приведет вас к файлу ресурсов. Просто скопируйте файл ресурсов и добавьте новый макет в пакет.R. папка макета и изменить textColor textview, как вам нравится, а затем просто вызвать его в адаптере, как это:

просто использовать это:

Сначала мы должны создать простой xml файл ресурсов для textview Как, как показано ниже:

и сохранить его. после установки в вашем adapterlist.

другим вариантом решения Ашрафа было бы убедиться, что вы учитываете размеры экрана. Вам нужно будет получить счетчик в onCreate и установить прослушиватель после установки адаптера:

затем вы можете начать изменять размер текста представления, которое отображается до нажатия на счетчик:

все, что вам нужно сделать, это создать макет определенных папок, как это:

затем добавьте xml-файл с именем » bool.xml » в каждую из этих папок:

Я сделал это следующим образом.Я использую методы getDropDownView() и getView ().

использовать getDropDownView() для открытого счетчика.

И Использовать getView() для закрытых блесны.

вы можете иметь этот тип адаптера для spinner, полностью настроенный:

Источник