FluentUI/example/qml/page/T_Menu.qml

177 lines
3.9 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-06-12 16:46:02 +08:00
import "qrc:///example/qml/component"
2023-08-26 17:20:30 +08:00
import "../component"
2023-03-13 18:23:46 +08:00
FluScrollablePage{
title:"Menu"
2023-06-18 13:56:30 +08:00
FluMenu {
id:menu
title: qsTr("File")
Action { text: qsTr("New...")}
Action { text: qsTr("Open...") }
Action { text: qsTr("Save") }
FluMenuSeparator { }
2023-08-22 22:27:05 +08:00
FluMenuItem{
2023-06-20 18:02:15 +08:00
text: qsTr("Quit")
onTriggered: {
showError("Quit")
}
}
2023-08-22 22:27:05 +08:00
FluMenuItem{
text: qsTr("Search")
iconSource: FluentIcons.Zoom
iconSpacing: 3
onTriggered: {
showError("Search")
}
}
2023-06-20 18:02:15 +08:00
Action {
text: qsTr("Disable")
enabled:false
onTriggered: {
showError("Disable")
}
}
2023-06-18 13:56:30 +08:00
FluMenuSeparator { }
Action { text: qsTr("Check");checkable: true;checked: true}
FluMenu{
title: "Save As..."
Action { text: qsTr("Doc") }
Action { text: qsTr("PDF") }
}
}
2023-04-06 17:32:21 +08:00
FluArea{
Layout.fillWidth: true
height: 100
paddings: 10
2023-03-13 18:23:46 +08:00
Layout.topMargin: 20
2023-04-06 17:32:21 +08:00
Column{
id:layout_column
spacing: 15
anchors{
verticalCenter: parent.verticalCenter
left:parent.left
}
2023-06-18 13:56:30 +08:00
FluText{
text:"Menu"
}
2023-04-06 17:32:21 +08:00
FluButton{
2023-06-18 13:56:30 +08:00
text:"Show Menu Popup"
2023-04-06 17:32:21 +08:00
Layout.topMargin: 20
onClicked:{
menu.popup()
}
}
2023-06-18 13:56:30 +08:00
2023-03-13 18:23:46 +08:00
}
}
2023-04-06 17:32:21 +08:00
CodeExpander{
Layout.fillWidth: true
2023-04-19 17:25:46 +08:00
Layout.topMargin: -1
2023-04-06 17:32:21 +08:00
code:'FluMenu{
id:menu
FluMenuItem:{
text:"删除"
2023-03-13 18:23:46 +08:00
onClicked: {
2023-04-06 17:32:21 +08:00
showError("删除")
2023-03-13 18:23:46 +08:00
}
2023-04-06 17:32:21 +08:00
}
FluMenuItem:{
text:"修改"
onClicked: {
2023-06-07 09:49:39 +08:00
showInfo("修改")
2023-03-13 18:23:46 +08:00
}
}
2023-04-06 17:32:21 +08:00
}
menu.popup()
'
}
2023-03-13 18:23:46 +08:00
2023-06-18 13:56:30 +08:00
FluArea{
Layout.fillWidth: true
height: 100
paddings: 10
Layout.topMargin: 20
Column{
spacing: 15
anchors{
verticalCenter: parent.verticalCenter
left:parent.left
2023-03-13 18:23:46 +08:00
}
2023-06-18 13:56:30 +08:00
FluText{
text:"MenuBar"
}
FluMenuBar {
id:menu_bar
FluMenu {
title: qsTr("File")
Action { text: qsTr("New...") }
Action { text: qsTr("Open...") }
Action { text: qsTr("Save") }
FluMenuSeparator { }
Action { text: qsTr("Quit") }
2023-06-20 18:02:15 +08:00
Action {
text: qsTr("Disable")
enabled:false
}
2023-06-18 13:56:30 +08:00
FluMenu{
title: "Save As..."
Action { text: qsTr("Doc") }
Action { text: qsTr("PDF") }
}
}
FluMenu {
title: qsTr("Edit")
Action { text: qsTr("Cut") }
Action { text: qsTr("Copy") }
Action { text: qsTr("Paste") }
}
FluMenu {
title: qsTr("Help")
Action { text: qsTr("About") }
}
2023-03-13 18:23:46 +08:00
}
2023-06-18 13:56:30 +08:00
2023-03-13 18:23:46 +08:00
}
}
2023-06-18 13:56:30 +08:00
CodeExpander{
Layout.fillWidth: true
Layout.topMargin: -1
code:'FluMenuBar{
id:menu
FluMenu:{
title:"File"
Action { text: qsTr("New...") }
}
FluMenu:{
title:"Edit"
Action { text: qsTr("Cut") }
Action { text: qsTr("Copy") }
Action { text: qsTr("Paste") }
}
}
menu.popup()
'
}
2023-03-13 18:23:46 +08:00
}