如何检查一排按钮中是否至少有一个 ToggleButton 被选中？

Question

我正在致力于创建一个应用程序，该应用程序除其他功能外还具有集成的GAD 测试功能（用于计算和测量用户压力水平的自测）。它看起来是这样的：

它由一个表格组成，其中包含多行切换按钮。作为示例，这是其中 1 个按钮的代码：

<ToggleButton
    android:id="@+id/row1_btn4"
    android:layout_width="200px"
    android:layout_height="60dp"
    android:layout_gravity="center_horizontal"
    android:background="@drawable/button_border"
    android:gravity="center"
    android:paddingStart="10px"
    android:paddingEnd="10px"
    android:scaleX="0.5"
    android:scaleY="0.65"
    android:textColor="@color/white"
    android:textOff="   "
    android:textOn="✓"
    android:textSize="28sp" />

这是检查按钮是否被选中的代码：

row1_btn4.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        if (isChecked) {
            gadpoints += 3;
            ((DataSite) getActivity().getApplication()).setGadPoints(gadpoints);
        } else if (!isChecked) {
            gadpoints -= 3;
            ((DataSite) getActivity().getApplication()).setGadPoints(gadpoints);
        } else {
            gadpoints += 0;
            ((DataSite) getActivity().getApplication()).setGadPoints(gadpoints);
        }
    }
});

一切都按预期工作，如果 ToggleButton 被选中，则用户被授予给定的积分。但是，我想实现两件事：

a）使其只能检查每行中的1个按钮，并防止用户检查同一行中的另一个按钮（如果他/她已经）检查1

b）检查在一行按钮中是否没有一个被检查，如果是，则通知用户

我想不出可行的解决方案，因为我本质上将检查按钮是否未被检查，但话又说回来，其中一些是不应该受到检查的。有什么想法吗？

Answer 1

您可以使用 RadioGroup 来管理每行仅选择一个条目。要在未选择任何内容的情况下启动 RadioGroup，您可以对其调用 clearCheck()。

要确保在单击“提交”时在所有行中进行选择，您可以在每个组/行上调用 getCheckedRadioButtonId()，如果未选择任何内容，它将返回 -1。

如果您想自定义单选按钮的外观，有很多关于如何执行此操作的示例 这里。

下面是 onCreate 中的示例：

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    List<RadioGroup> rows = Arrays.asList(
        findViewById(R.id.row1),
        findViewById(R.id.row2)
    );

    // Start out with all buttons un-checked
    for(RadioGroup row : rows) {
        row.clearCheck();
    }

    // make a list of button IDs for each row to 
    // simplify calculating the score
    List<List<Integer>> rowIds = Arrays.asList(
        Arrays.asList(R.id.row1_btn1, R.id.row1_btn2, R.id.row1_btn3, R.id.row1_btn4),
        Arrays.asList(R.id.row2_btn1, R.id.row2_btn2, R.id.row2_btn3, R.id.row2_btn4)
    );

    Button submit = findViewById(R.id.submit);

    submit.setOnClickListener(v -> {
        // check that all rows have selections
        boolean missing_values = false;
        for(RadioGroup row : rows) {
            // This will be -1 if nothing was selected
            if( row.getCheckedRadioButtonId() == -1 ) {
                missing_values = true;
            }
        }

        if( missing_values ) {
            Toast.makeText(this, "Missing entries on some rows", Toast.LENGTH_LONG).show();
        }
        else {
            // handle the result - add up scores or whatever is needed and send the data
            // to the model
            int score = 0;
            for(int r = 0; r < rows.size(); ++r) {
                int sel = rows.get(r).getCheckedRadioButtonId();
                score += rowIds.get(r).indexOf(sel);
            }
            Toast.makeText(this, "All rows selected - score = " + score, Toast.LENGTH_LONG).show();
        }
    });
}

以及随之而来的 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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/row1_title"
        android:text="Row 1"
        android:layout_margin="8dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@id/row1"
        app:layout_constraintBottom_toBottomOf="@id/row1"/>

    <RadioGroup
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:id="@+id/row1"
        android:orientation="horizontal"
        app:layout_constraintStart_toEndOf="@id/row1_title"
        app:layout_constraintTop_toTopOf="parent">

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/row1_btn1"/>

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/row1_btn2"/>

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/row1_btn3"/>

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/row1_btn4"/>

    </RadioGroup>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/row2_title"
        android:text="Row 2"
        android:layout_margin="8dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@id/row2"
        app:layout_constraintBottom_toBottomOf="@id/row2"/>

    <RadioGroup
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:id="@+id/row2"
        android:orientation="horizontal"
        app:layout_constraintStart_toEndOf="@id/row2_title"
        app:layout_constraintTop_toBottomOf="@id/row1">

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/row2_btn1"/>

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/row2_btn2"/>

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/row2_btn3"/>

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/row2_btn4"/>

    </RadioGroup>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Submit"
        android:id="@+id/submit"
        android:layout_margin="8dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toBottomOf="@id/row2"
        />


</androidx.constraintlayout.widget.ConstraintLayout>

Answer 2

不要使用切换按钮，而是为每行使用 Radio Group 。
然后，您可以为单选按钮设计一个自定义可绘制对象，使它们看起来像您当前拥有的那样。

使用此创建自定义按钮

<?xml version="1.0" encoding="utf-8"?>

<item android:state_checked="false" android:drawable="@drawable/ic_box"/>
<item android:state_checked="true" android:drawable="@drawable/ic_check"/>

您可以从 android studio 中的资源管理器获取 Box 和 Check 可绘制对象。