Android Spinner Underline color

Question

I can add underline in spinner using style="@style/Base.Widget.AppCompat.Spinner.Underlined". How can I change the color of the underline using style only? I don't want to use any drawable file to change this.

 <item name="colorControlHighlight">@color/colorAccent</item>
 <item name="colorControlNormal">@color/colorAccent</item>

Using above style, Its only highlight underline when user click on it. Its not changing color of underline on normal state.

score 39 · Accepted Answer · edited Jun 20 '20 at 09:12

39

By default the Spinner will use the color set via android:textColorSecondary or colorControlNormal in your AppTheme. So either set the appropriate colors there or define a new Theme and apply this one to your Spinner:

Example:

styles.xml

<style name="ThemeSpinner">
    <!-- Color when pressed -->
    <item name="colorAccent">#ffa000</item>
    <!-- Default color for the dropdown arrow and line -->
    <item name="colorControlNormal">#ffc107</item>
</style>

layout.xml

<Spinner
    style="@style/Widget.AppCompat.Spinner.Underlined"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/ThemeSpinner" />

Note: The dropdown arrow will also be tinted - I'm not aware of an option to color the arrow separately

edited Jun 20 '20 at 09:12

Community

1
1

answered May 09 '16 at 10:34

reVerse

35,075
22
89
84

1

This won't work if the Spinner is inside a ScrollView. – IgorGanapolsky Sep 16 '16 at 21:37
what about the red color for the error? Is there a way to get it? – kingston Sep 30 '16 at 13:12
@kingston I've never seen a `Spinner` with an error state honestly – reVerse Sep 30 '16 at 16:26
Just try to add a new account in any of the Google app. It will ask you for the date of birth. Enter an invalid date and then press next... – kingston Sep 30 '16 at 16:32
I asked a question about this: http://stackoverflow.com/questions/39792721/spinner-with-error-in-android – kingston Sep 30 '16 at 16:34
Works **PERFECTLY** with this implementation of style: https://stackoverflow.com/questions/9476665/how-to-change-spinner-text-size-and-text-color – J A S K I E R Feb 22 '21 at 02:09

score 4 · Answer 2 · edited Mar 25 '19 at 07:16

4

Add this to spinner

android:backgroundTint="@color/gray"

edited Mar 25 '19 at 07:16

Zoe

27,060
21
118
148

answered Mar 25 '19 at 07:14

Ananta Prasad

3,655
3
23
35

score 3 · Answer 3 · answered Oct 25 '17 at 08:40

3

Seems like this question has already been answered. But here is a way to resolve that programatically as well. (Tested on API 19 & Above).

Use ViewCompat for this.

ViewCompat.setBackgroundTintList(spinner, ColorStateList.valueOf(your_color));

answered Oct 25 '17 at 08:40

sud007

5,824
4
56
63

it applies color but in an unexpected way, because it applies it on top of the original color – Angelina Oct 10 '19 at 08:52
This has worked for me when I last tried, but may need some fiddling with your UI, because android Compat libs and components have changed since I last used. – sud007 Oct 10 '19 at 10:20

Android Spinner Underline color

3 Answers3

Example:

Linked