更改微调器箭头，Appcompat v21

Question

我有一些以我的自定义主题为主题的活动，但对于微调器，我选择使用 Appcompat v21 来设计它的样式，但我得到了这个：

那么，如果有办法，如何将微调器箭头更改为黑色或蓝色？

我发现这是一个类似的问题，但没有任何答案：这是我的微调器：

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

我用它来设计微调器的样式：

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

这就是我使用适配器的方式

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

我只想给微调器设置主题，非常感谢

Answer 1

有一种方法可以改变你的箭头颜色...实际上它不是颜色你可以用蓝色图像改变这个图像.. 在您的可绘制文件夹中创建一个 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
        android:id="@+id/spinner1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        style="@style/spinner_style"           

         />

看起来像这样。您需要自定义

Answer 2

由于您使用的是 AppCompat-v21，您可以利用新的 material 设计样式属性：

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>

这是它的样子

希望这对您有所帮助。

Answer 3

您可以使用属性色调颜色对其进行着色。

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

Answer 4

可能会迟到，但迟到总比不到好。回答您的问题："Is there a way to use it only in spinner?"。答案是肯定的，参考下面的代码。

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

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

然后在使用微调器的 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" />

Answer 5

看下面的代码。在可绘制文件夹

下创建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" />

将此图片用于微调器可绘制对象

更改微调器箭头，Appcompat v21

Changing spinner arrow, Appcompat v21

android

styling

spinner

android-appcompat