Qt使用教程之使用Qt Quick UI表单(六)

<Qt Enterprise最新版下载>html

建立菜单

向导添加一个菜单栏到main.qml文件中,这其中包含了一个具备Open和Exit菜单的File菜单。保存菜单和Exit菜单项,而后添加具备标准菜单项的Edit和Help菜单。app

该向导将建立下面的代码:ui

menuBar: MenuBar {
Menu {
title: qsTr( "&File" )
MenuItem {
text: qsTr( "&Open" )
onTriggered: messageDialog.show(qsTr( "Open action triggered" ));
}
MenuItem {
text: qsTr( "E&xit" )
onTriggered: Qt.quit();
}
}
}

删除Open菜单项并添加下面的代码来建立新的菜单:spa

menuBar: MenuBar {
Menu {
title: qsTr( "&File" )
MenuItem {
text: qsTr( "E&xit" )
onTriggered: Qt.quit();
}
}
Menu {
title: qsTr( "&Edit" )
MenuItem {
action: cutAction
}
MenuItem {
action: copyAction
}
MenuItem {
action: pasteAction
}
}
Menu {
title: qsTr( "&Help" )
MenuItem {
text: qsTr( "About..." )
onTriggered: aboutDialog.open()
}
}
}
 
Action {
id: copyAction
text: qsTr( "&Copy" )
shortcut: StandardKey.Copy
iconName:  "edit-copy"
enabled: (!!activeFocusItem && !!activeFocusItem[ "copy" ])
onTriggered: activeFocusItem.copy()
}
 
Action {
id: cutAction
text: qsTr( "Cu&t" )
shortcut: StandardKey.Cut
iconName:  "edit-cut"
enabled: (!!activeFocusItem && !!activeFocusItem[ "cut" ])
onTriggered: activeFocusItem.cut()
}
 
Action {
id: pasteAction
text: qsTr( "&Paste" )
shortcut: StandardKey.Paste
iconName:  "edit-paste"
enabled: (!!activeFocusItem && !!activeFocusItem[ "paste" ])
onTriggered: activeFocusItem.paste()
}

建立对话框

Qt使用教程:使用Qt Quick UI表单(六)

该向导将在main.qml文件文件中建立一个消息对话框:code

MessageDialog {
id: messageDialog
title: qsTr( "May I have your attention, please?" )
 
function show(caption) {
messageDialog.text = caption;
messageDialog.open();
}

经过向导修改被建立的代码来添加一个图标或一些文本:orm

MessageDialog {
id: aboutDialog
icon: StandardIcon.Information
title: qsTr( "About" )
text:  "Qt Quick UI Forms"
informativeText: qsTr( "This example demonstrates how to separate the "
"implementation of an application from the UI "
"using ui.qml files." )
}

从您建立的Help菜单中启动访问About对话框。htm

运行应用程序

该应用程序已经完成,随时能够在桌面上运行或部署到设备上。要运行应用程序,按Ctrl+ R。教程

文件:ci

有兴趣的朋友能够点击查看更多有关Qt的文章

相关文章
相关标签/搜索