更改下拉菜单箭头，Appcompat v21

Question

我有一些与自定义主题相关的活动，但是对于Spinner，我选择使用Appcompat v21进行样式设置，但是我得到了这个错误： 那么如何将Spinner箭头改为黑色或蓝色？如果有方法怎么做？

我发现这个问题与我的类似，但没有任何答案：https://stackoverflow.com/questions/28561105/add-custom-spinner-arrow 这是我的Spinner：

<Spinner
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/spinner2"
        android:layout_marginTop="10dp"
        android:layout_centerInParent="true" />

我使用以下代码来样式化Spinner：

 <style name="MyTheme.SpinnerAppTheme" parent="Widget.AppCompat.Spinner">
    </style>

这是我如何使用适配器的方法

   ArrayAdapter<CharSequence> adapter = ArrayAdapter.createFromResource(
                getBaseContext(), R.array.listMedRes, android.R.layout.simple_spinner_item);

我只想为旋转器设置主题，非常感谢。

- Charaf Eddine Mechalikh

Answer 1

可能会晚一些，但迟到总比不来好。回答您的问题：“有没有办法仅在微调器中使用它？” 答案是肯定的，可以参考下面的代码。

将此代码添加到您的主题或样式文件中。

<style name="customSpinnerTheme" parent="yourAppThemeThatUseAppCompat21">
    <item name="colorControlNormal">#eaeaea</item>
    <item name="colorControlActivated">#000000</item>
    <item name="colorControlHighlight">#000000</item>
</style>

然后在使用Spinner的XML中，您可以添加这一行

android:theme="@style/customSpinnerTheme"

例如

<Spinner
    android:theme="@style/customSpinnerTheme"
    android:id="@+id/spinner"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="8dp"
    android:layout_marginRight="8dp"
    android:spinnerMode="dialog" />

- HendraWD

---

分享知识永远不会太晚，谢谢。希望这能帮助到其他人。 - Charaf Eddine Mechalikh

我该如何在样式中设置下拉框的背景颜色？ - Tyler Pfaff

@TylerPfaff 参考此解决方案 https://dev59.com/QWYr5IYBdhLWcg3waJdT - HendraWD

Answer 2

由于您正在使用AppCompat-v21，因此您可以利用新的材料设计样式属性：

colorPrimary：应用于操作栏的应用程序品牌颜色

colorPrimaryDark：状态栏和上下文应用程序栏的较暗变体

colorAccent：让您定义主要品牌颜色的亮色补充。默认情况下，这是应用于框架控件的颜色 (通过colorControlActivated)

colorControlNormal：应用于框架控件在其正常状态下的颜色

colorControlActivated：应用于框架控件在其已激活状态下的颜色

以下是一个示例：

styles.xml

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- colorPrimary is used for the default action bar background -->
    <item name="colorPrimary">@color/primary</item>
    <!-- colorPrimaryDark is used for the status bar -->
    <item name="colorPrimaryDark">@color/primary_dark</item>
    <!-- colorAccent is used as the default value for colorControlActivated which is used to tint widgets -->
    <item name="colorAccent">@color/accent</item>
    <item name="colorControlNormal">@color/primary</item>
</style>

colors.xml

<resources>
    <color name="primary">#ff0000ff</color>
    <color name="primary_dark">#ff0000af</color>
    <color name="accent">#870000ff</color>
    <color name="white">#ffffffff</color>
</resources>

这是它的外观。 希望这有所帮助。

- jagmohan

---

能否仅在下拉列表中使用appcompat主题，而不是在整个活动中使用？ - Charaf Eddine Mechalikh

一个优雅的解决方案！ - Junaid

回应@Charaf Eddine Mechalikh的问题，关于如何直接将样式应用到Spinner，请参考我在这里的答案https://dev59.com/X4rda4cB1Zd3GeqPPKhk#34542490。 - HendraWD

Answer 3

有一种方法可以改变箭头的颜色……实际上，你可以用蓝色图片来替换这个图片。 在你的drawable文件夹中创建一个xml文件myspinner_selector， 并粘贴以下内容：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

  <item><layer-list>
        <item><shape>
                <gradient android:angle="90" android:endColor="#ffffff" android:startColor="#ffffff" android:type="linear" />

                <stroke android:width="1dp" android:color="#504a4b" />

                <corners android:radius="5dp" />

                <padding android:bottom="3dp" android:left="3dp" android:right="3dp" android:top="3dp" />
            </shape></item>
        <item ><bitmap android:gravity="bottom|right" android:src="@drawable/blue_arrow" />   // you can use any other image here, instead of default_holo_dark_am
        </item>
      </layer-list></item>

 </selector>  

blue_arrow是一张图片，需要在你的样式文件中添加以下样式：

 <style name="spinner_style" >
        <item name="android:background">@drawable/myspinner_selector</item>
        <item name="android:layout_marginLeft">5dp</item>
        <item name="android:layout_marginRight">5dp</item>
        <item name="android:layout_marginBottom">5dp</item>
        <item name="android:paddingLeft">5dp</item>
        <item name="android:paddingTop">5dp</item>
        <item name="android:paddingBottom">5dp</item>

        </style>

最后在您的 spinner 中添加这个样式。

 <Spinner
        android:id="@+id/spinner1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        style="@style/spinner_style"           

         />

这是IT界的样子。你需要自定义。

- Tanim reja

Answer 4

请看下面的代码。 在drawable文件夹下创建spinner_bg.xml。

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item><layer-list>
            <item><shape>
                    <gradient android:angle="270" android:centerColor="#d0d0d0" android:endColor="#c5c6c6" android:startColor="#dbdadb" android:type="linear" />
                    <stroke android:width="1dp" android:color="#7a7a7a" />
                    <corners android:radius="1dp" />
                    <padding android:left="3dp" android:right="3dp" />
                </shape></item>
            <item><bitmap android:gravity="center|right" android:src="@drawable/dropdown_icon_black" />
            </item>
        </layer-list></item>
</selector>

在styles.xml中写入以下代码。

<style name="spinner_style">
        <item name="android:background">@drawable/spinner_bg</item>
</style>

为旋转器应用样式

<Spinner
    android:id="@+id/spinner"
    style="@style/spinner_style"
    android:layout_width="fill_parent"
    android:layout_height="40dp"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:focusable="true"
    android:overlapAnchor="false"
    android:paddingRight="10dp"
    android:spinnerMode="dropdown"
    android:textColor="@android:color/white" /> 

使用此图片作为旋转动画的drawable：

- Amol Suryawanshi

Answer 5

你可以使用属性tint color来给它上色。

<Spinner android:id="@+id/spinner"
         android:layout_width="wrap_content"
         android:layout_height="match_parent"
         android:backgroundTint="@color/white"
/>

- letsdev-cwack