FluentUI/example/qml/page/T_ToggleSwitch.qml

51 lines
1.1 KiB
QML
Raw Normal View History

2023-08-24 15:50:37 +08:00
import QtQuick 2.15
import QtQuick.Layouts 1.15
import QtQuick.Window 2.15
import QtQuick.Controls 2.15
import FluentUI 1.0
2023-08-26 17:20:30 +08:00
import "../component"
2023-02-28 18:29:00 +08:00
2023-03-10 18:08:32 +08:00
FluScrollablePage{
2024-03-09 15:35:48 +08:00
title: qsTr("ToggleSwitch")
2023-02-28 18:29:00 +08:00
2024-03-29 16:56:09 +08:00
FluFrame{
2023-04-06 17:32:21 +08:00
Layout.fillWidth: true
2024-03-29 16:23:16 +08:00
Layout.preferredHeight: 68
padding: 10
2023-04-06 17:32:21 +08:00
Row{
spacing: 30
anchors.verticalCenter: parent.verticalCenter
FluToggleSwitch{
2023-05-26 13:49:32 +08:00
disabled: toggle_switch.checked
2023-04-06 17:32:21 +08:00
}
FluToggleSwitch{
2023-05-26 13:49:32 +08:00
disabled: toggle_switch.checked
2024-03-09 15:35:48 +08:00
text: qsTr("Right")
2023-06-20 18:02:15 +08:00
}
FluToggleSwitch{
disabled: toggle_switch.checked
2024-03-09 15:35:48 +08:00
text: qsTr("Left")
2023-06-20 18:02:15 +08:00
textRight: false
2023-04-06 17:32:21 +08:00
}
}
2023-05-26 13:49:32 +08:00
FluToggleSwitch{
2024-03-09 15:35:48 +08:00
id: toggle_switch
2023-05-26 13:49:32 +08:00
anchors{
right: parent.right
verticalCenter: parent.verticalCenter
}
2024-03-09 15:35:48 +08:00
text: qsTr("Disabled")
2023-05-26 13:49:32 +08:00
}
2023-02-28 18:29:00 +08:00
}
2023-04-06 17:32:21 +08:00
CodeExpander{
Layout.fillWidth: true
2024-03-29 16:23:16 +08:00
Layout.topMargin: -6
2023-04-06 17:32:21 +08:00
code:'FluToggleSwitch{
text:"Text"
}'
2023-03-20 18:22:32 +08:00
}
2023-04-06 17:32:21 +08:00
2023-02-28 18:29:00 +08:00
}