如何去除Android可勾选菜单项的尾部内边距，将CheckBox对齐到最右端

实现方法 #

默认Android溢出菜单的可勾选控件默认在文字左侧，要将CheckBox对齐到最右端，可通过自定义菜单项布局+覆写样式实现，步骤如下：

• 第一步：创建自定义菜单项布局
  在res/layout目录下新建layout_checkable_menu_item.xml，内容如下：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingHorizontal="16dp"
    android:paddingVertical="12dp">

    <ImageView
        android:id="@android:id/icon"
        android:layout_width="24dp"
        android:layout_height="24dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"/>

    <TextView
        android:id="@android:id/title"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="16dp"
        android:textSize="16sp"
        app:layout_constraintStart_toEndOf="@android:id/icon"
        app:layout_constraintEnd_toStartOf="@android:id/checkbox"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"/>

    <CheckBox
        android:id="@android:id/checkbox"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:clickable="false"
        android:focusable="false"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>

这里用Android系统内置的id，框架会自动将你在菜单配置中定义的图标、标题、勾选状态同步到对应控件，无需手动绑定。

• 第二步：应用自定义布局
  你可以选择全局生效或者单个菜单生效两种方式：

1. 全局生效（所有弹出菜单都使用该样式）
   在应用主题配置文件（通常为res/values/themes.xml）中添加以下配置：

<style name="AppTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
    <!-- 保留你原有主题的其他配置 -->
    <item name="android:dropDownListViewStyle">@style/CustomDropDownMenu</item>
</style>

<style name="CustomDropDownMenu" parent="Widget.AppCompat.DropDownItem.Spinner">
    <item name="android:layout">@layout/layout_checkable_menu_item</item>
</style>

配置后你原有menu.xml代码无需修改，运行即可看到CheckBox对齐到最右端。

2. 单个菜单生效（仅修改目标菜单项）
   在你加载菜单的Activity/Fragment代码中，添加以下逻辑：

override fun onCreateOptionsMenu(menu: Menu?): Boolean {
    menuInflater.inflate(R.menu.your_menu_name, menu)
    val targetItem = menu?.findItem(R.id.desktop_site)
    targetItem?.let { item ->
        // 设置自定义布局
        item.setActionView(R.layout.layout_checkable_menu_item)
        val checkBox = item.actionView.findViewById<CheckBox>(android.R.id.checkbox)
        // 同步初始勾选状态
        checkBox.isChecked = item.isChecked
        // 监听点击同步状态
        item.setOnMenuItemClickListener {
            it.isChecked = !it.isChecked
            checkBox.isChecked = it.isChecked
            // 此处添加你的业务逻辑
            true
        }
    }
    return super.onCreateOptionsMenu(menu)
}

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