QML取消选中ExclusiveGroup中的复选按钮

Question

我有三个按钮在ExclusiveGroup:中

ExclusiveGroup {id: group}
Button{
    checkable: true
    exclusiveGroup: group
}
Button{
    checkable: true
    exclusiveGroup: group
}
Button{
    checkable: true
    exclusiveGroup: group
}

在我单击其中任何一个之前，它们显然都是未选中的，但一旦选中其中一个，我如何取消选中它们？我真的需要添加另一个按钮吗？一旦选中，就会产生在没有选中其他按钮时适用的行为？

Answer 1

您可以利用ExclusiveGroup:的current属性

当前选定的对象。默认为绑定到ExclusiveGroup的第一个选中对象如果没有，则默认为null。

因此，只要需要，就可以通过将current属性设置为null来取消选中当前按钮。

在下面的例子中，我将删除正在发生的检查状态，这显然更像是一种练习，而不是一个真实的用例。但无论如何，它掌握了方法：

import QtQuick 2.4
import QtQuick.Window 2.0
import QtQuick.Controls 1.2
ApplicationWindow {
    id: window
    visible: true
    width: 100
    height: 200
    ColumnLayout {
        anchors.centerIn: parent
        Button{
            id: but1
            checkable: true
            exclusiveGroup: group
        }
        Button{
            id: but2
            checkable: true
            exclusiveGroup: group
        }
        Button{
            id: but3
            checkable: true
            exclusiveGroup: group
        }
    }
    ExclusiveGroup {
        id: group
        onCurrentChanged: {
            if(current != null) {
                console.info("button checked...no!")
                current = null
                //current.checked = false    <--- also this
            }
        }
    }
}