Qt_Note12_QML_CheckBox_qt qml checkbox-CSDN博客

本文链接：https://blog.csdn.net/qq_45276500/article/details/136910603

本文介绍了如何在QtQuick中使用CheckBox和ButtonGroup实现一个具有三态选项和互斥功能的控件组，通过`checkState`和`autoExclusive`属性进行状态管理和交互控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.12

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("My QML")
    color: "white"

    CheckBox {
          tristate: true
//          checkState: allChildrenChecked ? Qt.Checked :
//                         anyChildChecked ? Qt.PartiallyChecked : Qt.Unchecked

          nextCheckState: function() {
              if (checkState === Qt.Checked)
                  return Qt.Unchecked
              else if (checkState === Qt.Unchecked)
                  return Qt.PartiallyChecked
              else
                  return Qt.Checked
          }
      }

//    Column {
//          ButtonGroup {
//              id: childGroup
//              exclusive: false
//              checkState: parentBox.checkState
//          }

//          CheckBox {
//              id: parentBox
//              text: qsTr("Parent")
//              checkState: childGroup.checkState
//          }

//          CheckBox {
//              checked: true
//              text: qsTr("Child 1")
//              leftPadding: indicator.width
//              ButtonGroup.group: childGroup
//          }

//          CheckBox {
//              text: qsTr("Child 2")
//              leftPadding: indicator.width
//              ButtonGroup.group: childGroup
//          }
//          CheckBox {
//              text: qsTr("Child 3")
//              leftPadding: indicator.width
//              ButtonGroup.group: childGroup
//          }
//      }

//    ButtonGroup {
//              id: childGroup
//              exclusive: false
              buttons: col.children
//          }

//    Column{
//        id: col
//        CheckBox {
//            checked: true
            tristate: true
            autoExclusive: true
//            text: qsTr("First")
//            ButtonGroup.group: childGroup
            onCheckStateChanged: {
                console.log(checkState)
            }
//        }
//        CheckBox {
//            checkable: true
            autoExclusive: true
//            text: qsTr("Second")
//            ButtonGroup.group: childGroup
//        }
//        CheckBox {
            autoExclusive: true
//            checkable: true
//            text: qsTr("Third")
//            ButtonGroup.group: childGroup
//        }
//    }
}