android - 带有下拉图标的微调器背景颜色

Question

我正在尝试创建一个带有一些背景颜色和下拉图标的微调器。但是每当我应用背景颜色时，下拉图标就会消失。那么如何让微调器具有下拉图标和不同的背景颜色。 请在下面查看我正在尝试的 xml:

预期输出:

获取(没有下拉图标)

背景已删除 然后我得到以下输出:

<android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_marginLeft="@dimen/dp_5"
        android:layout_marginRight="@dimen/dp_5"
        android:layout_weight="8"
        android:padding="@dimen/dp_8"
        app:cardElevation="@dimen/dp_5">

        <android.support.v7.widget.AppCompatSpinner
            android:id="@+id/appCompatSpinner"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:entries="@array/clubName"
            android:textAlignment="center"
            android:spinnerMode="dropdown"
           android:background="@color/colorPrimary_blue"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light">

        </android.support.v7.widget.AppCompatSpinner>
    </android.support.v7.widget.CardView>

Answer 1

创建 .xml 类并编写此代码。

   <?xml version="1.0" encoding="utf-8"?>
     <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <color android:color="@color/InputBg" />
</item>
<item android:gravity="center_vertical|right" android:right="8dp">
    <layer-list>
        <item android:width="12dp" android:height="12dp" android:gravity="center" android:bottom="10dp">
            <rotate
                android:fromDegrees="45"
                android:toDegrees="45">
                <shape android:shape="rectangle">
                    <solid android:color="#666666" />
                    <stroke android:color="#aaaaaa" android:width="1dp"/>
                </shape>
            </rotate>
        </item>
        <item android:width="30dp" android:height="10dp" android:bottom="21dp" android:gravity="center">
            <shape android:shape="rectangle">
                <solid android:color="@color/InputBg"/>
            </shape>
        </item>
    </layer-list>
</item>

        And Apply like this in Spinner.
 <Spinner
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/spinner_bg" />