How to create android spinner without down triangle on the right side of the widget with bottom line

Question

I want to remove down triangle on the right side and wants to bottom line. I am using following code to add bottom line:

<Spinner
android:id="@+id/buttonSelectCountry"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="10dp"
android:gravity="center"
android:spinnerMode="dropdown"
android:text="Select country"
style="@style/Widget.AppCompat.Spinner.Underlined"/>

and following code to remove down arrow:

<Spinner
android:id="@+id/buttonSelectCountry"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="10dp"
android:gravity="center"
android:spinnerMode="dropdown"
android:text="Select country"
style="@style/Widget.AppCompat.Spinner.Underlined"
android:background="#FFFFFF"/>

But using above code the bottom line also gets invisible.

How can I do this.

Checkout [this answer](https://stackoverflow.com/questions/4058360/how-to-create-android-spinner-without-down-triangle-on-the-right-side-of-the-wid?rq=1) — David Rawson, Dec 07 '16 at 09:32
that `triangle` is a part of background image. Set your own background to a spinner. You can add a line to your background as well. — Vladyslav Matviienko, Dec 07 '16 at 09:35

Noorul · Answer 1 · 2016-12-07T10:13:15.653

<?xml version="1.0" encoding="utf-8"?>
 <selector xmlns:android="http://schemas.android.com/apk/res/android">
   <item>
    <layer-list>
        <item>
            <shape >
                <corners android:radius="5dp" />
                <!--<padding android:bottom="3dp" android:left="3dp" android:right="3dp" android:top="3dp" />-->
                <solid android:color="@color/bgcolor"/>
            </shape>
        </item>
        <item>
            <bitmap android:gravity="bottom|center" android:src="@drawable/ninepatchline" />
        </item>
    </layer-list>
  </item>
</selector>

Set this drawable as Background of the spinner

UPDATE

Add paddingBottom to spinner.

android:paddingBottom="@dimen/min_padding"

score 0 · Answer 2 · answered Dec 07 '16 at 09:41

You can use a custom background in drawable folder which have a bottom line in it.

bottom_line.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape>
            <solid
                android:color="#000000" />
            <padding
                android:bottom="1dp" />
        </shape>
    </item>
    <item>
        <shape>

            <solid android:color="#FFFFFF"/>
        </shape>
    </item>
</layer-list>

put this as your background to spinner :

<Spinner
    android:id="@+id/buttonSelectCountry"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:layout_centerHorizontal="true"
    android:spinnerMode="dropdown"
    android:text="Select country"
    android:background="@drawable/bottom_line"/>

score 0 · Answer 3 · answered Dec 07 '16 at 10:42

You can simply add background to your spinner. if your main background is white than you can simply set your spinner background as follow with white color code or any relevant color code you want that matches your main background.

<Spinner
android:id="@+id/buttonSelectCountry"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="10dp"
android:gravity="center"
android:text="Select country"
android:background="#FFFFFF"/>

Replace this code with yours.

How to create android spinner without down triangle on the right side of the widget with bottom line

3 Answers3

Linked