更改微调器箭头,Appcompat v21

时间:2015-05-09 02:19:36

标签: android spinner styling appcompat-v7-r21

我有以我的自定义主题为主题的活动,但对于微调器,我选择用Appcompat v21设计它,但我得到了这个: enter image description here

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

我发现这是类似的问题,但没有任何答案:https://stackoverflow.com/questions/28561105/add-custom-spinner-arrow 这是我的微调器:

<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);

我只想主题微调器,非常感谢

5 个答案:

答案 0 :(得分:26)

可能会迟到但迟​​到总比没有好。回答你的问题:“有没有办法只在微调器中使用它?”。答案是肯定的,请参考下面的代码。

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

<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"

e.g。

<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" />

答案 1 :(得分:9)

由于您使用的是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>

以下是它的外观

enter image description here

希望这有帮助。

答案 2 :(得分:7)

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

         />
它看起来像这样。您需要自定义enter image description here

答案 3 :(得分:2)

看下面的代码。 在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" /> 

将此图像用于微调器可绘制 enter image description here

答案 4 :(得分:1)

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

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