如何替换Toolbar中Spinner菜单项的默认下拉图标？

我之前也碰到过一模一样的情况——在menu里给Spinner类型的菜单项设置android:icon完全没效果，因为Toolbar会直接把Spinner整个控件作为菜单项渲染，而不是使用item定义的图标。下面分享几个能实现你需求的方案：

方案一：通过代码给Spinner设置自定义背景（最简单） #

首先先修正menu.xml里的小问题：因为用的是AppCompat库，Spinner的actionViewClass应该用app命名空间而不是android，不然可能会有兼容问题：

<menu xmlns:android="http://schemas.android.com/apk/res/android" 
      xmlns:app="http://schemas.android.com/apk/res-auto" 
      xmlns:tools="http://schemas.android.com/tools" 
      tools:context=".MainActivity">
    <!-- 其他菜单项 -->
    <item 
        android:id="@+id/action_filter_rating" 
        app:showAsAction="always" 
        app:actionViewClass="android.widget.Spinner" 
        android:title=".." />
    <!-- 其他菜单项 -->
</menu>

然后在Activity的onCreateOptionsMenu方法里，获取Spinner实例并设置自定义背景Drawable，把你的图标和下拉箭头整合进去：

步骤1：创建自定义背景Drawable（drawable/custom_spinner_bg.xml） #

这个Drawable用layer-list组合图标和下拉箭头，你可以根据需求调整位置和间距：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 透明背景，避免Spinner默认的边框 -->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="@android:color/transparent" />
        </shape>
    </item>
    <!-- 你的自定义图标 -->
    <item
        android:drawable="@drawable/ic_star"
        android:gravity="center_vertical|left"
        android:left="8dp"/>
    <!-- 下拉箭头图标 -->
    <item
        android:drawable="@drawable/ic_arrow_drop_down"
        android:gravity="center_vertical|right"
        android:right="8dp"/>
</layer-list>

步骤2：在代码中初始化Spinner #

override fun onCreateOptionsMenu(menu: Menu): Boolean {
    menuInflater.inflate(R.menu.your_menu_file, menu)
    
    // 获取Spinner菜单项的实例
    val spinnerMenuItem = menu.findItem(R.id.action_filter_rating)
    val spinner = spinnerMenuItem.actionView as Spinner
    
    // 设置自定义背景
    spinner.setBackgroundResource(R.drawable.custom_spinner_bg)
    
    // 给Spinner设置适配器（根据你的需求替换数据源）
    val ratingOptions = resources.getStringArray(R.array.rating_filter_options)
    val adapter = ArrayAdapter(this, android.R.layout.simple_spinner_item, ratingOptions)
    adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item)
    spinner.adapter = adapter
    
    // 可选：设置Spinner的选中监听
    spinner.onItemSelectedListener = object : AdapterView.OnItemSelectedListener {
        override fun onItemSelected(parent: AdapterView<*>?, view: View?, position: Int, id: Long) {
            // 处理选中逻辑
        }

        override fun onNothingSelected(parent: AdapterView<*>?) {}
    }
    
    return true
}

方案二：自定义Spinner的Item布局（更灵活） #

如果需要让Spinner的选中项也显示图标+文字+下拉箭头，可以自定义item布局：

步骤1：创建自定义item布局（layout/custom_spinner_item.xml） #

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center_vertical"
    android:orientation="horizontal"
    android:paddingHorizontal="8dp"
    android:paddingVertical="4dp">

    <!-- 你的自定义图标 -->
    <ImageView
        android:layout_width="24dp"
        android:layout_height="24dp"
        android:src="@drawable/ic_star"/>

    <!-- Spinner的文字 -->
    <TextView
        android:id="@android:id/text1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:textColor="@android:color/black"
        android:textSize="16sp"/>

    <!-- 下拉箭头 -->
    <ImageView
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:layout_marginStart="8dp"
        android:src="@drawable/ic_arrow_drop_down"/>
</LinearLayout>

步骤2：在适配器中使用这个布局 #

// 替换之前的适配器代码
val adapter = ArrayAdapter(this, R.layout.custom_spinner_item, ratingOptions)
adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item)
spinner.adapter = adapter

这样Toolbar里的Spinner选中项就会显示你想要的图标+文字+下拉箭头，完全符合你的需求。

为什么原来的android:icon无效？ #

简单来说，当你把Spinner设置为actionViewClass时，Toolbar会直接将Spinner整个控件作为菜单项的内容，而不是使用menu item定义的icon属性——Spinner的UI完全由自身的背景、布局和适配器控制，所以menu里的图标设置会被忽略。

内容的提问来源于stack exchange，提问作者l000000l