FluentUI/example/qml-Qt6/page/T_CheckBox.qml

115 lines
2.6 KiB
QML
Raw Normal View History

2023-08-24 15:50:37 +08:00
import QtQuick
import QtQuick.Layouts
import QtQuick.Window
import QtQuick.Controls
import FluentUI
2024-01-25 17:26:50 +08:00
import "../component"
2023-08-24 15:50:37 +08:00
FluScrollablePage{
title:"CheckBox"
FluArea{
Layout.fillWidth: true
2023-10-01 16:18:37 +08:00
height: 72
2023-08-24 15:50:37 +08:00
paddings: 10
Layout.topMargin: 20
2023-10-01 16:18:37 +08:00
FluText{
text:"A 2-state CheckBox"
}
2023-08-24 15:50:37 +08:00
Row{
spacing: 30
2023-10-01 16:18:37 +08:00
anchors{
top: parent.top
topMargin: 30
}
2023-08-24 15:50:37 +08:00
FluCheckBox{
2023-10-01 16:18:37 +08:00
disabled: check_box_switch_two.checked
2023-08-24 15:50:37 +08:00
}
FluCheckBox{
2023-10-01 16:18:37 +08:00
disabled: check_box_switch_two.checked
2023-08-24 15:50:37 +08:00
text:"Right"
}
FluCheckBox{
2023-10-01 16:18:37 +08:00
disabled: check_box_switch_two.checked
2023-08-24 15:50:37 +08:00
text:"Left"
textRight: false
}
}
FluToggleSwitch{
2023-10-01 16:18:37 +08:00
id:check_box_switch_two
anchors{
right: parent.right
verticalCenter: parent.verticalCenter
}
text:"Disabled"
}
}
CodeExpander{
Layout.fillWidth: true
Layout.topMargin: -1
code:'FluCheckBox{
text:"Text"
}'
}
FluArea{
Layout.fillWidth: true
height: 72
paddings: 10
Layout.topMargin: 20
FluText{
text:"A 3-state CheckBox"
}
Row{
spacing: 30
anchors{
top: parent.top
topMargin: 30
}
FluCheckBox{
property int count: 1
text:"Three State"
disabled: check_box_switch_three.checked
clickListener: function(){
var flag = count%3
if(flag === 0){
checked = false
indeterminate = false
}
if(flag === 1){
checked = true
indeterminate = false
}
if(flag === 2){
checked = true
indeterminate = true
}
count++
}
}
}
FluToggleSwitch{
id:check_box_switch_three
2023-08-24 15:50:37 +08:00
anchors{
right: parent.right
verticalCenter: parent.verticalCenter
}
text:"Disabled"
}
}
CodeExpander{
Layout.fillWidth: true
Layout.topMargin: -1
code:'FluCheckBox{
text:"Text"
2023-10-01 16:18:37 +08:00
indeterminate:true
2023-08-24 15:50:37 +08:00
}'
}
}