如何修改Material Exposed下拉菜单的图标位置与背景属性

需要实现的两个目标 #

• 将原本视觉居中的下拉箭头调整到组件最右侧位置
• 移除下拉图标默认的selectableItemBackgroundBorderless水波纹背景，将其设置为null

具体修改内容 #

所有调整都可以通过自定义样式完成，不需要编写动态代码逻辑：

1. 扩展原有自定义样式 #

在你现有的CustomExposedDropMenu样式中追加以下配置项，原有配置全部保留：

<style name="CustomExposedDropMenu" parent="Widget.MaterialComponents.TextInputLayout.FilledBox.ExposedDropdownMenu">
    <!-- 原有配置 -->
    <item name="boxBackgroundColor">@color/black</item>
    <item name="counterTextColor">@color/grayish_white</item>
    <item name="boxStrokeColor">@null</item>
    <item name="endIconTint">@color/grayish_white</item>
    <item name="boxCornerRadiusTopStart">7sp</item>
    <item name="boxCornerRadiusBottomStart">7sp</item>
    <item name="boxCornerRadiusTopEnd">7sp</item>
    <item name="boxCornerRadiusBottomEnd">7sp</item>
    <item name="boxStrokeWidth">0sp</item>
    <item name="boxStrokeWidthFocused">0sp</item>

    <!-- 新增配置：将下拉图标的默认水波纹背景置空 -->
    <item name="endIconBackground">@null</item>
    <!-- 新增配置：给下拉图标设置最小尺寸，固定图标在布局最右侧 -->
    <item name="endIconMinSize">24dp</item>
    <!-- 新增配置：给文本输入区域预留足够的右侧空间，避免内容占满宽度导致视觉上把箭头挤到中间 -->
    <item name="editTextPaddingEnd">40dp</item>
</style>

2. 补全AutoCompleteTextView的布局属性 #

在原有布局的AutoCompleteTextView节点上补充内边距配置，适配你当前组件总高度仅30sp的小尺寸场景：

<AutoCompleteTextView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:inputType="none"
    android:paddingVertical="0dp"
    android:paddingEnd="32dp" />

配置原理说明 #

• 下拉箭头视觉居中的核心原因：你当前组件总宽度仅80sp，默认样式给文本区域预留的右侧边距不足，文本内容占满了几乎全部可用宽度，导致右侧的下拉箭头看起来处于整个组件的中间位置。调整editTextPaddingEnd后，文本内容会整体靠左排布，下拉图标就会固定在组件的最右侧位置。
• 移除图标背景的配置是Material官方提供的样式属性endIconBackground，直接设为@null即可完全移除默认的水波纹效果，不会残留其他点击反馈。

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