如何防止已选中的Material Components Chip被点击后取消选中？

1. 基础布局配置 #

首先把所有Chip放到ChipGroup容器中，开启单选和强制选中配置：

<com.google.android.material.chip.ChipGroup
    android:id="@+id/chipGroup"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:singleSelection="true"
    app:selectionRequired="true"> <!-- 系统层级强制至少保留一个选中项，禁止全部取消 -->

    <com.google.android.material.chip.Chip
        style="@style/Widget.MaterialComponents.Chip.Choice"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="选项1"/>

    <com.google.android.material.chip.Chip
        style="@style/Widget.MaterialComponents.Chip.Choice"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="选项2"/>

    <!-- 更多Chip项 -->

</com.google.android.material.chip.ChipGroup>

你当前的Chip自定义样式无需修改，可直接使用。

2. 点击事件拦截逻辑 #

给每个Chip设置点击事件，拦截已选中状态下的点击操作，避免触发选中切换：

Kotlin 示例 #

// 遍历所有Chip绑定点击事件
for (i in 0 until chipGroup.childCount) {
    val chip = chipGroup.getChildAt(i) as Chip
    chip.setOnClickListener {
        val clickChip = it as Chip
        // 已选中的Chip点击直接返回，不做任何处理
        if (clickChip.isChecked) return@setOnClickListener
        // 未选中的Chip点击后设为选中，ChipGroup自动取消其他项的选中状态
        clickChip.isChecked = true
    }
}
// 初始化默认选中第一个Chip
chipGroup.check(chipGroup.getChildAt(0).id)

Java 示例 #

for (int i = 0; i < chipGroup.getChildCount(); i++) {
    Chip chip = (Chip) chipGroup.getChildAt(i);
    chip.setOnClickListener(v -> {
        Chip clickChip = (Chip) v;
        if (clickChip.isChecked()) {
            return;
        }
        clickChip.setChecked(true);
    });
}
// 默认选中第一个
chipGroup.check(chipGroup.getChildAt(0).getId());

3. 状态选择器优化 #

你当前的边框选择器同时使用了state_selected和state_checked，在Chip单选场景下可以简化为直接关联state_checked，逻辑更简洁：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:color="@color/black"
        android:state_checked="true"/>
    <item
        android:color="@color/white"
        android:state_checked="false"/>
</selector>

可选：全局选中监听 #

如果需要监听选中项变化，直接给ChipGroup设置全局监听即可，不要给单个Chip设置选中监听避免和单选逻辑冲突：

chipGroup.setOnCheckedStateChangeListener { group, checkedIds ->
    if (checkedIds.isNotEmpty()) {
        val checkedChip = group.findViewById<Chip>(checkedIds[0])
        val selectedValue = checkedChip.text
        // 处理选中逻辑
    }
}

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