amass/FluentUI
1
0
Fork 0
mirror of https://github.com/zhuzichu520/FluentUI.git synced 2025-07-03 00:25:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
zhuzihcu
2023-05-26 13:49:32 +08:00
parent 5c0befb6c2
commit 591e6bdeff
12 changed files with 177 additions and 244 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
example/qml/TestWindow.qml
View File

@ -52,8 +52,8 @@ FluWindow {
text:lang.dark_mode
}
FluToggleSwitch{
selected: FluTheme.dark
clickFunc:function(){
checked: FluTheme.dark
onClicked: {
if(FluTheme.dark){
FluTheme.darkMode = FluDarkMode.Light
}else{

150
example/qml/page/T_Buttons.qml
View File

@ -22,7 +22,7 @@ FluScrollablePage{
Layout.topMargin: 20
FluTextButton{
disabled:text_button_switch.selected
disabled:text_button_switch.checked
text:"Text Button"
onClicked: {
showInfo("点击Text Button")
@ -32,18 +32,13 @@ FluScrollablePage{
left: parent.left
}
}
Row{
spacing: 5
FluToggleSwitch{
id:text_button_switch
anchors{
verticalCenter: parent.verticalCenter
right: parent.right
verticalCenter: parent.verticalCenter
}
FluToggleSwitch{
id:text_button_switch
Layout.alignment: Qt.AlignRight
text:"Disabled"
}
text:"Disabled"
}
}
CodeExpander{
@ -64,7 +59,7 @@ FluScrollablePage{
Layout.topMargin: 20
FluButton{
disabled:button_switch.selected
disabled:button_switch.checked
text:"Standard Button"
onClicked: {
showInfo("点击StandardButton")
@ -74,18 +69,13 @@ FluScrollablePage{
left: parent.left
}
}
Row{
spacing: 5
FluToggleSwitch{
id:button_switch
anchors{
verticalCenter: parent.verticalCenter
right: parent.right
verticalCenter: parent.verticalCenter
}
FluToggleSwitch{
id:button_switch
Layout.alignment: Qt.AlignRight
text:"Disabled"
}
text:"Disabled"
}
}
CodeExpander{
@ -106,7 +96,7 @@ FluScrollablePage{
paddings: 10
FluFilledButton{
disabled:filled_button_switch.selected
disabled:filled_button_switch.checked
text:"Filled Button"
onClicked: {
showWarning("点击FilledButton"+height)
@ -116,18 +106,13 @@ FluScrollablePage{
left: parent.left
}
}
Row{
spacing: 5
FluToggleSwitch{
id:filled_button_switch
anchors{
verticalCenter: parent.verticalCenter
right: parent.right
verticalCenter: parent.verticalCenter
}
FluToggleSwitch{
id:filled_button_switch
Layout.alignment: Qt.AlignRight
text:"Disabled"
}
text:"Disabled"
}
}
CodeExpander{
@ -148,28 +133,20 @@ FluScrollablePage{
paddings: 10
FluToggleButton{
disabled:toggle_button_switch.selected
disabled:toggle_button_switch.checked
text:"Toggle Button"
onClicked: {
selected = !selected
}
anchors{
verticalCenter: parent.verticalCenter
left: parent.left
}
}
Row{
spacing: 5
FluToggleSwitch{
id:toggle_button_switch
anchors{
verticalCenter: parent.verticalCenter
right: parent.right
verticalCenter: parent.verticalCenter
}
FluToggleSwitch{
id:toggle_button_switch
Layout.alignment: Qt.AlignRight
text:"Disabled"
}
text:"Disabled"
}
}
CodeExpander{
@ -178,7 +155,7 @@ FluScrollablePage{
code:'FluToggleButton{
text:"Toggle Button"
onClicked: {
selected = !selected
checked = !checked
}
}'
}
@ -191,7 +168,7 @@ FluScrollablePage{
Layout.topMargin: 20
FluIconButton{
iconSource:FluentIcons.ChromeCloseContrast
disabled:icon_button_switch.selected
disabled:icon_button_switch.checked
iconSize: 15
anchors{
verticalCenter: parent.verticalCenter
@ -201,18 +178,13 @@ FluScrollablePage{
showSuccess("点击IconButton")
}
}
Row{
spacing: 5
FluToggleSwitch{
id:icon_button_switch
anchors{
verticalCenter: parent.verticalCenter
right: parent.right
verticalCenter: parent.verticalCenter
}
FluToggleSwitch{
id:icon_button_switch
Layout.alignment: Qt.AlignRight
text:"Disabled"
}
text:"Disabled"
}
}
CodeExpander{
@ -232,7 +204,7 @@ FluScrollablePage{
paddings: 10
Layout.topMargin: 20
FluDropDownButton{
disabled:drop_down_button_switch.selected
disabled:drop_down_button_switch.checked
text:"DropDownButton"
anchors{
verticalCenter: parent.verticalCenter
@ -253,17 +225,13 @@ FluScrollablePage{
}
]
}
Row{
spacing: 5
FluToggleSwitch{
id:drop_down_button_switch
anchors{
verticalCenter: parent.verticalCenter
right: parent.right
verticalCenter: parent.verticalCenter
}
FluToggleSwitch{
id:drop_down_button_switch
Layout.alignment: Qt.AlignRight
text:"Disabled"
}
text:"Disabled"
}
}
CodeExpander{
@ -304,35 +272,29 @@ FluScrollablePage{
property int selecIndex : 0
model: 3
delegate: FluRadioButton{
selected : repeater.selecIndex===index
disabled:radio_button_switch.selected
checked : repeater.selecIndex===index
disabled:radio_button_switch.checked
text:"Radio Button_"+index
onClicked:{
clickListener:function(){
repeater.selecIndex = index
}
}
}
}
Row{
spacing: 5
FluToggleSwitch{
id:radio_button_switch
anchors{
verticalCenter: parent.verticalCenter
right: parent.right
verticalCenter: parent.verticalCenter
}
FluToggleSwitch{
id:radio_button_switch
Layout.alignment: Qt.AlignRight
text:"Disabled"
}
text:"Disabled"
}
}
CodeExpander{
Layout.fillWidth: true
Layout.topMargin: -1
code:'FluRadioButton{
selected:true
checked:true
text:"Text Button"
onClicked: {
@ -340,38 +302,4 @@ FluScrollablePage{
}'
}
FluArea{
Layout.fillWidth: true
height: 68
paddings: 10
Layout.topMargin: 20
FluCheckBox{
disabled:check_box_switch.selected
text:"Check Box"
anchors{
verticalCenter: parent.verticalCenter
left: parent.left
}
}
Row{
spacing: 5
anchors{
verticalCenter: parent.verticalCenter
right: parent.right
}
FluToggleSwitch{
id:check_box_switch
Layout.alignment: Qt.AlignRight
text:"Disabled"
}
}
}
CodeExpander{
Layout.fillWidth: true
Layout.topMargin: -1
code:'FluCheckBox{
text:"Check Box"
}'
}
}

10
example/qml/page/T_CheckBox.qml
View File

@ -18,11 +18,21 @@ FluScrollablePage{
spacing: 30
anchors.verticalCenter: parent.verticalCenter
FluCheckBox{
disabled: check_box_switch.checked
}
FluCheckBox{
disabled: check_box_switch.checked
text:"Text"
}
}
FluToggleSwitch{
id:check_box_switch
anchors{
right: parent.right
verticalCenter: parent.verticalCenter
}
text:"Disabled"
}
}
CodeExpander{
Layout.fillWidth: true

8
example/qml/page/T_TextBox.qml
View File

@ -19,7 +19,7 @@ FluScrollablePage{
Layout.topMargin: 20
placeholderText: "单行输入框"
Layout.preferredWidth: 300
disabled:text_box_switch.selected
disabled:text_box_switch.checked
anchors{
verticalCenter: parent.verticalCenter
left: parent.left
@ -57,7 +57,7 @@ FluScrollablePage{
Layout.topMargin: 20
placeholderText: "请输入密码"
Layout.preferredWidth: 300
disabled:password_box_switch.selected
disabled:password_box_switch.checked
anchors{
verticalCenter: parent.verticalCenter
left: parent.left
@ -97,7 +97,7 @@ FluScrollablePage{
Layout.topMargin: 20
placeholderText: "多行输入框"
Layout.preferredWidth: 300
disabled:text_box_multi_switch.selected
disabled:text_box_multi_switch.checked
anchors{
verticalCenter: parent.verticalCenter
left: parent.left
@ -137,7 +137,7 @@ FluScrollablePage{
placeholderText: "AutoSuggestBox"
Layout.preferredWidth: 300
items:generateRandomNames(100)
disabled:text_box_suggest_switch.selected
disabled:text_box_suggest_switch.checked
anchors{
verticalCenter: parent.verticalCenter
left: parent.left

8
example/qml/page/T_Theme.qml
View File

@ -52,8 +52,8 @@ FluScrollablePage{
}
FluToggleSwitch{
Layout.topMargin: 5
selected: FluTheme.dark
clickFunc:function(){
checked: FluTheme.dark
onClicked: {
if(FluTheme.dark){
FluTheme.darkMode = FluDarkMode.Light
}else{
@ -67,8 +67,8 @@ FluScrollablePage{
}
FluToggleSwitch{
Layout.topMargin: 5
selected: FluTheme.nativeText
clickFunc:function(){
checked: FluTheme.nativeText
onClicked: {
FluTheme.nativeText = !FluTheme.nativeText
}
}

11
example/qml/page/T_ToggleSwitch.qml
View File

@ -18,11 +18,20 @@ FluScrollablePage{
spacing: 30
anchors.verticalCenter: parent.verticalCenter
FluToggleSwitch{
disabled: toggle_switch.checked
}
FluToggleSwitch{
text:"Text"
disabled: toggle_switch.checked
}
}
FluToggleSwitch{
id:toggle_switch
anchors{
right: parent.right
verticalCenter: parent.verticalCenter
}
text:"Disabled"
}
}
CodeExpander{
Layout.fillWidth: true