Question

我正在尝试使用自定义样式自定义我的微调器。

微调

<Spinner
            android:id="@+id/my_spinner"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="@dimen/activity_vertical_margin"
            android:layout_marginLeft="@dimen/activity_horizontal_margin"
            android:layout_marginRight="@dimen/activity_horizontal_margin"
            android:layout_marginTop="@dimen/activity_vertical_margin"
            app:layout_constraintTop_toBottomOf="@id/expense_amount"
            app:layout_constraintLeft_toRightOf="parent"
            app:layout_constraintRight_toLeftOf="parent"
            android:elevation="3dp"
            />

这是我的styles.xml文件。

styles.xml

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="android:spinnerStyle">@style/AppTheme.spinnerStyle</item>
    <item name="android:spinnerDropDownItemStyle">@style/AppTheme.spinnerDropDownItemStyle</item>

</style>
<style name="AppTheme.spinnerStyle" parent="@android:style/Widget.Material.Light.Spinner">
    <item name="android:textColor">@android:color/white</item>
    <item name="android:background">@color/colorPrimary</item>

</style>
<style name="AppTheme.spinnerDropDownItemStyle" parent="@android:style/Widget.Material.DropDownItem.Spinner">
    <item name="android:textColor">@android:color/white</item>
    <item name="android:background">@color/colorPrimary</item>
</style>

这给了我看起来像这样的微调器：

我想添加一个下拉箭头。当我将微调器更改为代码为下拉箭头时，所有文本颜色和背景颜色都将丢失。

显示下拉箭头的微调器代码

<Spinner
            android:id="@+id/my_spinner"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="@dimen/activity_vertical_margin"
            android:layout_marginLeft="@dimen/activity_horizontal_margin"
            android:layout_marginRight="@dimen/activity_horizontal_margin"
            android:layout_marginTop="@dimen/activity_vertical_margin"
            app:layout_constraintTop_toBottomOf="@id/expense_amount"
            app:layout_constraintLeft_toRightOf="parent"
            app:layout_constraintRight_toLeftOf="parent"
            android:background="@android:drawable/btn_dropdown"
            />

如何保留我的主题以及下拉箭头？

P.S。我不擅长在linux机器上截取屏幕截图。

Answer 1

这是Android的正常行为：

Spinner拥有自己的默认背景，当您使用styles.xml进行自定义时，它会跟随并变为蓝色。然后在代码中再次将Spinner的android:background设置为@android:drawable/btn_dropdown，因此它会覆盖您的样式，因为布局xml中的属性优先于样式。

您没有显示下拉箭头的背景，请使用此选项：

第一个解决方案：

<Spinner
      android:id="@+id/spinner"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:theme="@style/ThemeOverlay.AppCompat.Light"
      android:spinnerMode="dropdown" />

并在您的java文件中

spinner = (Spinner) view.findViewById(R.id.spinner);
ArrayAdapter adapter = ArrayAdapter.createFromResource(this, R.array.spinner_data, android.R.layout.simple_spinner_dropdown_item);
adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
spinner.setAdapter(adapter);

第二个解决方案

你需要在Spinner外面进行RelativeLayout包装。将此<Spinner>替换为：

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/spinner_bg">
    <Spinner
        android:id="@+id/spinner"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Light"
        android:spinnerMode="dropdown" />
</RelativeLayout>

然后创建自定义背景并为微调器选择背景颜色：

<强> spinner_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:top="8dp" android:bottom="8dp">
        <shape>
            <solid android:color="@color/colorPrimary" />
            <corners android:radius="2dp"/>
            <stroke
                android:width="1dp"
                android:color="@color/colorPrimary" />
            <padding
                android:top="16dp"
                android:bottom="16dp"
                android:left="8dp"
                android:right="16dp"/>
        </shape>
    </item>
</layer-list>

Android微调器自定义布局

1 个答案: