FluentUI/example/T_Buttons.qml

238 lines
5.4 KiB
QML
Raw Normal View History

2023-02-28 18:29:00 +08:00
import QtQuick 2.15
import QtQuick.Layouts 1.15
import QtQuick.Window 2.15
2023-03-06 18:08:01 +08:00
import QtQuick.Controls 2.15
2023-02-28 18:29:00 +08:00
import FluentUI 1.0
2023-03-10 18:08:32 +08:00
FluScrollablePage{
title:"Buttons"
spacing: 20
2023-03-12 14:26:03 +08:00
FluText{
2023-03-12 21:49:11 +08:00
Layout.topMargin: 20
text:"支持Tab键切换焦点空格键执行点击事件"
2023-03-12 14:26:03 +08:00
}
2023-03-10 18:08:32 +08:00
FluArea{
width: parent.width
height: 68
paddings: 10
FluButton{
2023-03-12 22:36:31 +08:00
disabled:button_switch.selected
2023-03-12 21:49:11 +08:00
text:"Standard Button"
2023-03-10 18:08:32 +08:00
onClicked: {
showInfo("点击StandardButton")
}
anchors{
verticalCenter: parent.verticalCenter
left: parent.left
}
}
Row{
spacing: 5
anchors{
verticalCenter: parent.verticalCenter
right: parent.right
}
FluToggleSwitch{
id:button_switch
Layout.alignment: Qt.AlignRight
}
FluText{
text:"Disabled"
}
}
2023-03-06 18:08:01 +08:00
}
2023-03-10 18:08:32 +08:00
FluArea{
2023-02-28 18:29:00 +08:00
width: parent.width
2023-03-10 18:08:32 +08:00
height: 68
paddings: 10
FluFilledButton{
2023-03-12 22:36:31 +08:00
disabled:filled_button_switch.selected
2023-03-12 21:49:11 +08:00
text:"Filled Button"
2023-03-10 18:08:32 +08:00
onClicked: {
2023-03-12 21:49:11 +08:00
showWarning("点击FilledButton")
2023-03-10 18:08:32 +08:00
}
anchors{
verticalCenter: parent.verticalCenter
left: parent.left
}
2023-02-28 18:29:00 +08:00
}
2023-03-10 18:08:32 +08:00
Row{
2023-03-06 18:08:01 +08:00
spacing: 5
2023-03-10 18:08:32 +08:00
anchors{
verticalCenter: parent.verticalCenter
right: parent.right
2023-02-28 18:29:00 +08:00
}
2023-03-10 18:08:32 +08:00
FluToggleSwitch{
id:filled_button_switch
Layout.alignment: Qt.AlignRight
2023-02-28 18:29:00 +08:00
}
2023-03-10 18:08:32 +08:00
FluText{
text:"Disabled"
2023-02-28 18:29:00 +08:00
}
2023-03-10 18:08:32 +08:00
}
}
FluArea{
width: parent.width
height: 68
paddings: 10
FluIconButton{
2023-03-12 21:49:11 +08:00
iconSource:FluentIcons.ChromeCloseContrast
2023-03-12 22:36:31 +08:00
disabled:icon_button_switch.selected
2023-03-11 00:29:06 +08:00
iconSize: 15
2023-03-10 18:08:32 +08:00
anchors{
verticalCenter: parent.verticalCenter
left: parent.left
}
onClicked:{
showSuccess("点击IconButton")
2023-03-06 18:08:01 +08:00
}
2023-03-10 18:08:32 +08:00
}
Row{
spacing: 5
anchors{
verticalCenter: parent.verticalCenter
right: parent.right
}
FluToggleSwitch{
id:icon_button_switch
Layout.alignment: Qt.AlignRight
}
FluText{
text:"Disabled"
}
}
}
FluArea{
width: parent.width
2023-03-16 18:11:03 +08:00
height: 68
2023-03-10 18:08:32 +08:00
paddings: 10
2023-03-16 18:11:03 +08:00
FluDropDownButton{
disabled:drop_down_button_switch.selected
text:"DropDownButton"
2023-03-10 18:08:32 +08:00
anchors{
verticalCenter: parent.verticalCenter
left: parent.left
}
2023-03-16 18:11:03 +08:00
items:[
FluMenuItem{
text:"Menu_1"
},
FluMenuItem{
text:"Menu_2"
},
FluMenuItem{
text:"Menu_3"
},
FluMenuItem{
text:"Menu_4"
2023-03-06 18:08:01 +08:00
}
2023-03-16 18:11:03 +08:00
]
2023-03-10 18:08:32 +08:00
}
Row{
spacing: 5
anchors{
verticalCenter: parent.verticalCenter
right: parent.right
2023-02-28 18:29:00 +08:00
}
2023-03-10 18:08:32 +08:00
FluToggleSwitch{
2023-03-16 18:11:03 +08:00
id:drop_down_button_switch
2023-03-10 18:08:32 +08:00
Layout.alignment: Qt.AlignRight
2023-03-09 11:50:40 +08:00
}
2023-03-10 18:08:32 +08:00
FluText{
text:"Disabled"
}
}
}
FluArea{
width: parent.width
2023-03-16 18:11:03 +08:00
height: 100
2023-03-10 18:08:32 +08:00
paddings: 10
2023-03-16 18:11:03 +08:00
ColumnLayout{
spacing: 8
2023-03-10 18:08:32 +08:00
anchors{
verticalCenter: parent.verticalCenter
left: parent.left
}
2023-03-16 18:11:03 +08:00
Repeater{
id:repeater
property int selecIndex : 0
model: 3
delegate: FluRadioButton{
selected : repeater.selecIndex===index
disabled:radio_button_switch.selected
text:"Radio Button_"+index
onClicked:{
repeater.selecIndex = index
}
}
}
2023-03-10 18:08:32 +08:00
}
Row{
spacing: 5
anchors{
verticalCenter: parent.verticalCenter
right: parent.right
}
FluToggleSwitch{
2023-03-16 18:11:03 +08:00
id:radio_button_switch
2023-03-10 18:08:32 +08:00
Layout.alignment: Qt.AlignRight
2023-03-09 11:50:40 +08:00
}
2023-03-10 18:08:32 +08:00
FluText{
text:"Disabled"
2023-03-09 11:50:40 +08:00
}
2023-02-28 18:29:00 +08:00
}
}
2023-03-16 14:34:20 +08:00
2023-03-16 18:11:03 +08:00
2023-03-16 14:34:20 +08:00
FluArea{
width: parent.width
height: 68
paddings: 10
2023-03-16 18:11:03 +08:00
FluCheckBox{
disabled:check_box_switch.selected
text:"Check Box"
2023-03-16 14:34:20 +08:00
anchors{
verticalCenter: parent.verticalCenter
left: parent.left
}
}
Row{
spacing: 5
anchors{
verticalCenter: parent.verticalCenter
right: parent.right
}
FluToggleSwitch{
2023-03-16 18:11:03 +08:00
id:check_box_switch
2023-03-16 14:34:20 +08:00
Layout.alignment: Qt.AlignRight
}
FluText{
text:"Disabled"
}
}
}
2023-03-16 18:11:03 +08:00
2023-02-28 18:29:00 +08:00
}