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

原创|使用教程|编辑:龚雪|2016-03-14 09:26:45.000|阅读 967 次

概述:本教程介绍如何使用ui.qml文件开发一个应用程序,使应用程序逻辑从UI中分离。该教程使用Qt Quick Designer实现一个简化版的UI表单示例,它为一个客户数据库提供接口,只用QML和JavaScript编写。

相关链接:

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

创建对话框

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

该向导将在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。

文件:

购买Qt Enterprise最新正版授权!详情请"咨询在线客服"
葡萄城经典UI产品惠风迎春,惊喜折扣礼品送不停!优惠详情点击查看>>
强大工具Qt新版发布,慧都助力——解决方案大放送!优惠详情点击查看>>


标签:跨平台UI界面C/C++

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

文章转载自:慧都控件网

登录 慧都网发表评论


慧都网友 2016-03-14 10:25:30.000
0

Qt是个非常强大的工具,一直在研究,感谢分享这些教程!


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
在线
客服
在线
QQ
电话
咨询
400-700-1020
购物车 反馈 返回
顶部
在线客服系统
live chat