import QtQuick.Controls 2.12怎么使用ButtonGroup

要使用 `ButtonGroup`，需要执行以下步骤：

1. 导入 `QtQuick.Controls` 2.12 模块：

import QtQuick.Controls 2.12

2. 创建一个 `ButtonGroup` 对象并添加一些按钮：

ButtonGroup {
    id: buttonGroup
    exclusive: true // 只能选择一个按钮

    Button {
        text: "Button 1"
        checked: true // 默认选中
        onClicked: console.log("Button 1 clicked")
    }

    Button {
        text: "Button 2"
        onClicked: console.log("Button 2 clicked")
    }

    Button {
        text: "Button 3"
        onClicked: console.log("Button 3 clicked")
    }
}

在上面的代码中，我们创建了一个 `ButtonGroup` 对象并将 `exclusive` 属性设置为 `true`，表示只能选择一个按钮。然后，我们添加了三个按钮，并在每个按钮的 `onClicked` 信号中打印一条消息。

注意，在 `ButtonGroup` 中添加的按钮必须设置 `checked` 属性来指示哪个按钮被选中了。

3. 可以通过 `buttonGroup.checkedButton` 属性获取当前选中的按钮。

完整的代码示例：

import QtQuick 2.12
import QtQuick.Controls 2.12

ApplicationWindow {
    visible: true
    width: 200
    height: 200

    ButtonGroup {
        id: buttonGroup
        exclusive: true

        Button {
            text: "Button 1"
            checked: true
            onClicked: console.log("Button 1 clicked")
        }

        Button {
            text: "Button 2"
            onClicked: console.log("Button 2 clicked")
        }

        Button {
            text: "Button 3"
            onClicked: console.log("Button 3 clicked")
        }
    }

    Text {
        text: "Selected button: " + buttonGroup.checkedButton.text
        anchors.centerIn: parent
    }
}