Android Studio中如何验证多个ImageButton控件是否被用户选中

实现思路 #

• 新增全局变量记录当前选中的选项，方便后续快速校验
• 改写ImageButton的点击逻辑，实现选中状态互斥，同时更新全局变量
• 提交时通过全局变量即可直接判断是否有选中项、选中的具体内容

具体实现步骤 #

1. 新增全局状态变量 #

在Activity类中添加如下成员变量：

// 存储当前选中的满意度选项，空字符串代表未选中
private String selectedSatisfaction = "";

2. 改写ImageButton点击监听逻辑 #

每个按钮点击时先清除所有按钮的选中状态，再将当前点击按钮设为选中，同时更新全局变量：

satisfeito.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        // 先清除所有按钮选中状态
        clearAllSelected();
        // 设置当前按钮为选中状态
        view.setSelected(true);
        // 更新全局选中值
        selectedSatisfaction = "Satisfeito";
        Toast.makeText(getApplicationContext(), "Satisfeito", Toast.LENGTH_SHORT).show();
    }
});

indiferente.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        clearAllSelected();
        view.setSelected(true);
        selectedSatisfaction = "Indiferente";
        Toast.makeText(getApplicationContext(), "Indiferente", Toast.LENGTH_SHORT).show();
    }
});

nadasatisfeito.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        clearAllSelected();
        view.setSelected(true);
        selectedSatisfaction = "Nada Satisfeito";
        Toast.makeText(getApplicationContext(), "Nada Satisfeito", Toast.LENGTH_SHORT).show();
    }
});

3. 实现清除所有选中状态的公共方法 #

private void clearAllSelected() {
    satisfeito.setSelected(false);
    indiferente.setSelected(false);
    nadasatisfeito.setSelected(false);
    selectedSatisfaction = "";
}

4. 提交按钮校验逻辑 #

在提交按钮点击事件中直接判断全局变量即可完成校验：

button.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        if (selectedSatisfaction.isEmpty()) {
            // 未选中任何选项的提示逻辑
            Toast.makeText(getApplicationContext(), "请选择满意度选项", Toast.LENGTH_SHORT).show();
            return;
        }
        // 已选中选项的后续业务逻辑，比如提交selectedSatisfaction的值
        Toast.makeText(getApplicationContext(), "你选择了：" + selectedSatisfaction, Toast.LENGTH_SHORT).show();
    }
});

可选优化：添加选中视觉反馈 #

如果需要让用户直观看到选中状态，可以给ImageButton设置背景/图标选择器，在res/drawable下新建ib_selector.xml：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 选中状态的样式，可自定义颜色或图片 -->
    <item android:state_selected="true" android:drawable="@color/teal_200" />
    <!-- 默认状态的样式 -->
    <item android:drawable="@color/white" />
</selector>

之后在布局文件中给每个ImageButton设置android:background="@drawable/ib_selector"即可。

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