QML ButtonGroup怎么设置选中

在QML中，可以通过设置ButtonGroup的checked属性来选中一个按钮。checked属性是一个bool类型的属性，当为true时表示该按钮被选中，为false时表示该按钮未被选中。以下是一个简单的示例：

import QtQuick.Controls 2.15

ButtonGroup {
    id: group
    exclusive: true // 设置为互斥模式，即只能选中一个按钮

    Button {
        text: "Button 1"
        checked: true // 设置该按钮为选中状态
    }

    Button {
        text: "Button 2"
    }

    Button {
        text: "Button 3"
    }
}

在上面的示例中，ButtonGroup被设置为互斥模式，即只能选中一个按钮。第一个按钮的checked属性被设置为true，表示该按钮被选中。

相关问题

qml ButtonGroup

### QML ButtonGroup 使用方法及示例

#### 一、ButtonGroup 简介
在 QML 中，`ButtonGroup` 是一个用于管理一组按钮（如 `RadioButton`、`CheckBox` 或 `ToolButton`）的非可视化对象。这使得能够方便地管理一组按钮，使它们具有互斥或多选逻辑[^2]。

#### 二、创建并配置 ButtonGroup 实现单选功能
下面是一个简单的例子，展示了如何利用 `ButtonGroup` 来实现多个 `RadioButton` 的独占选择行为：

import QtQuick 2.15
import QtQuick.Controls 2.15

ApplicationWindow {
    visible: true
    width: 300; height: 200
    
    Column {
        spacing: 10
        
        Label { text: "Choose a Radio:" }
        
        // 创建 ButtonGroup 并赋予 ID
        ButtonGroup { id: radioGroup }

        RadioButton {
            text: "Option A"
            checked: true // 默认选项
            ButtonGroup.group: radioGroup // 将此按钮加入 group
        }

        RadioButton {
            text: "Option B"
            ButtonGroup.group: radioGroup
        }

        RadioButton {
            text: "Option C"
            ButtonGroup.group: radioGroup
        }
    }
}

上述代码片段定义了一个窗口应用，其中包含了三个可互相排斥的选择项——A, B 和 C。当用户点击其中一个时，其他两个会自动取消勾选[^4]。

#### 三、使用非排他性的 ButtonGroup 处理多选情况
对于需要支持多项同时被选中的场景，则可以通过设置 `exclusive=false` 参数来允许同一组内的多个项目处于已选状态。这里给出了一段关于父子级联复选框的例子：

Column {
    spacing: 8
    
    // 定义一个不具排他性质的 ButtonGroup
    ButtonGroup {
        id: childGroup
        exclusive: false
        onCheckStateChanged: console.log(`Children's state changed to ${checkState}`)
    }

    CheckBox {
        id: parentBox
        text: "Parent Checkbox"
        checkable: true
        onClicked: updateChildStates()
        
        function updateChildStates() {
            let newState = isChecked ? Qt.Checked : Qt.Unchecked;
            for (let i=0;i<childBoxes.length;++i){
                childBoxes[i].setChecked(newState === Qt.Checked);
            }
        }
    }

    Row {
        Repeater {
            model: ["Child 1", "Child 2"]
            
            CheckBox {
                text: modelData
                leftPadding: indicator.width
                
                property var myIndex: index
                ButtonGroup.group: childGroup
                
                Component.onCompleted: {
                    if (!parentBox.isChecked && !isChecked) setChecked(true); 
                    else if (parentBox.isChecked && isChecked) setChecked(false);
                    
                    parentBox.updateChildStates();
                }
                
                Connections{
                   target: parentBox
                   onToggled: {
                       this.setChecked(parentBox.isChecked===Qt.Checked);
                   }
               }
           }
       }
   }
}

在这个案例里，父级复选框的状态变化会影响到所有子级复选框；而任一子级复选框的变化也会同步更新给父级显示整体选取状况[^5]。

QML ButtonGroup初始化的时候选中

在 QML 中，ButtonGroup 的初始化时选中某个按钮可以通过 `exclusive` 属性和 `checked` 属性来实现。

首先，在 `ButtonGroup` 中设置 `exclusive` 属性为 `true`，表示只能有一个按钮被选中。然后，在需要选中的按钮上设置 `checked` 属性为 `true`，即可实现初始化时选中该按钮。

以下是一个示例代码：

ButtonGroup {
    id: myButtonGroup
    exclusive: true
    
    Button {
        id: button1
        text: "Button 1"
        checked: true
    }
    
    Button {
        id: button2
        text: "Button 2"
    }
}

在上面的代码中，`exclusive` 属性被设置为 `true`，表示只能有一个按钮被选中。而 `button1` 的 `checked` 属性被设置为 `true`，表示初始化时该按钮被选中。