Qt使用教程之使用Qt Quick UI表單（六）

<Qt Enterprise最新版下載>

建立菜單

嚮導添加一個菜單欄到main.qml文件中，這其中包含了一個具備Open和Exit菜單的File菜單。保存菜單和Exit菜單項，而後添加具備標準菜單項的Edit和Help菜單。

該向導將建立下面的代碼：

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菜單項並添加下面的代碼來建立新的菜單：

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()

}

建立對話框

該向導將在main.qml文件文件中建立一個消息對話框：

MessageDialog {

id: messageDialog

title: qsTr( "May I have your attention, please?" )

 

function show(caption) {

messageDialog.text = caption;

messageDialog.open();

}

經過嚮導修改被建立的代碼來添加一個圖標或一些文本：

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對話框。

運行應用程序

該應用程序已經完成，隨時能夠在桌面上運行或部署到設備上。要運行應用程序，按Ctrl+ R。

文件：

• uiforms/CustomerModelSingleton.qml

• uiforms/CustomerTableView.qml

• uiforms/History.qml

• uiforms/HistoryTableView.qml

• uiforms/MainForm.ui.qml

• uiforms/Notes.qml

• uiforms/NotesForm.ui.qml

• uiforms/Settings.qml

• uiforms/SettingsForm.ui.qml

• uiforms/main.qml

• uiforms/qml.qrc

• uiforms/uiforms.pro

有興趣的朋友能夠點擊查看更多有關Qt的文章！