qml CheckBox的使用

最新推荐文章于 2024-06-27 08:45:00 发布

码农客栈_V13427279549

最新推荐文章于 2024-06-27 08:45:00 发布

阅读量537

点赞数

分类专栏： qml 文章标签： qml CheckBox

本文链接：https://blog.csdn.net/ckg3824278/article/details/127576433

版权

qml 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

//以下3种写法实现的效果都是一样的，表示btnGroup里面的按键都是互斥选中的关系，要是不使能互斥，只需要将exclusive属性改为false即可
//第一种写法
ButtonGroup{
        id : btnGroup
        exclusive: true
    }

    Column {
        id : col
          CheckBox {
              text: qsTr("First")
              ButtonGroup.group: btnGroup
          }
          CheckBox {
              ButtonGroup.group: btnGroup
              text: qsTr("Second")
          }
          CheckBox {
              ButtonGroup.group: btnGroup
              text: qsTr("Third")
          }
      }

//第二种写法
ButtonGroup{
        id : btnGroup
        exclusive: true
        buttons: col.children
    }

    Column {
        id : col
        CheckBox {
            checked: true
            text: qsTr("First")
        }
            CheckBox {
            text: qsTr("Second")
        }
            CheckBox {
            text: qsTr("Third")
        }
    }
    
//第三种写法
ButtonGroup{
        id : btnGroup
        exclusive: true
    }

    Column {
        id : col
        CheckBox {
            checked: true
            text: qsTr("First")
            ButtonGroup.group: btnGroup
        }
            CheckBox {
            text: qsTr("Second")
            ButtonGroup.group: btnGroup
        }
            CheckBox {
            text: qsTr("Third")
            ButtonGroup.group: btnGroup
        }
    }

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
          }
      }
//下图为此demo的演示效果