Android Spinner 自定义布局

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>