剖析Qt Quick之QML程序
创始人
2024-07-31 10:50:42
0

Qt Quick是Qt 4.7主推的技术,下面是Qt官网对其进行的介绍:

Qt Quick 是一种高级用户界面技术,使用它可轻松地创建供移动和嵌入式设备使用的动态触摸式界面和轻量级应用程序。三种全新的技术共同构成了 Qt Quick 用户界面创建工具包:一个改进的Qt Creator IDE、一种新增的简便易学的语言 (QML) 和一个新加入 Qt 库中名为 QtDeclarative 的模块,这些使得 Qt 更加便于不熟悉 C++ 的开发人员和设计人员使用。

下面我们先到Qt Creator中查看相关帮助文件,让我们对它有个大体的了解。

我们查看Qt Creator中的帮助Help,首先进入我们眼帘的便是Qt Creator的介绍,在这里你可以查看Qt Creator的相关信息和使用方法。

剖析Qt Quick之QML程序

我们查看下面的目录,可以看到这里有简单的工程的建立教程。我们进入Creating an

Animated Application 的链接,这个便是一个最简单的QML工程的教程,你可以参考一下。

剖析Qt Quick之QML程序

下面我们建立自己的QML工程。

1.新建Qt QML Application ,工程名设置为helloWorld 。

剖析Qt Quick之QML程序

2.我们点击helloWorld.qmlproject文件。

在这里可以看到它就是包含了几个文件夹的路径信息,默认的都是本工程文件夹。

在最上面,有一句提示,Do you want to enable the experimental Qt Quick Designer? 你是否要启用实验中的Qt Quick Designer?当然,所以我们点击后面的按钮来启用Qt Quick Designer。

剖析Qt Quick之QML程序

3.这时弹出一个提示框。

它的大体内容是,如果启用Qt Quick Designer ,将影响Qt Creator的整体稳定性。还告诉了我们怎么停用Qt Quick Designer。我们选择“Enable Qt Quick Designer”。

剖析Qt Quick之QML程序 

#p#

4.我们关闭Qt Creator,然后重新打开它。我们再次打开刚才建立的工程。

双击helloWorld.qml文件,这时我们期盼已久的Qt Quick Designer界面终于出现了。对于这个界面,我们以后再详细讲解。

剖析Qt Quick之QML程序

5.我们再次回到Edit模式下,查看helloWorld.qml文件的内容。

  1. import Qt 4.6  
  2. Rectangle {  
  3.     width: 200  
  4.     height: 200  
  5.     Text {  
  6.         x: 66  
  7.         y: 93  
  8.         text: “Hello World”  
  9.     }  

这就是传说中的QML语言了,看上去有点像CSS,就像官网所说的,它是JavaScript的扩展。我们这里先不对这些代码做什么解释,到后面会专门来讲这个语言的。

6.我们这时运行程序,效果如下。

剖析Qt Quick之QML程序

7.我们更换一下程序的皮肤。

在skin菜单中选择一个皮肤。

剖析Qt Quick之QML程序 

运行效果如下:

剖析Qt Quick之QML程序

我们可以在其上右击鼠标,选择Quit菜单,退出程序。

8.关于停用Qt Quick

我们打开Help菜单,进入About Plugins子菜单。然后将Qt Quick项的对勾去掉即可。

剖析Qt Quick之QML程序

到这里,一个最简单的Qt Quick程序就完成了。我们可以看到,这是一个全新的体验,它与以前的Qt应用是完全不同的。

【编辑推荐】

Qt 平台中使GUI保持响应流畅

QML Image获取资源路径的细节

QML教程:Qt-Quick六大开源组件

QML教程:构建和安装QtComponents

QML教程:Review Native Quick Widgets

Chrome开始对Java和QuickTime的运行进行授权

相关内容

热门资讯

如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
Windows恶意软件20年“... 在Windows的早期年代,病毒游走于系统之间,偶尔删除文件(但被删除的文件几乎都是可恢复的),并弹...
20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
着眼MAC地址,解救无法享受D... 在安装了DHCP服务器的局域网环境中,每一台工作站在上网之前,都要先从DHCP服务器那里享受到地址动...
为啥国人偏爱 Mybatis,... 关于 SQL 和 ORM 的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行...