• 10918阅读
  • 2回复

三十三、体验QML演示程序 [复制链接]

上一主题 下一主题
离线yafei86
 
只看楼主 倒序阅读 楼主  发表于: 2010-05-18
本文章原创于www.yafeilinux.com转载请注明出处。

前面我们讲述了简单的QML工程的建立。对于一个新生的事物,我们最感兴趣的是它到底能做什么,而对于QML,Qt已经自带了大量的演示程序,我们可以体验一下QML的强大。

1.所有的小例子都在Qt4.7的安装目录下的examples\declarative目录下。

我这里的路径是C:\Qt\4.7.0-beta1\examples\declarative 。

2.运行qml文件的方法:

方法一:使用qml.exe

所有的qml文件都需要使用一个叫qml.exe的程序来运行。它在C:\Qt\4.7.0-beta1\bin目录下。我们双击qml.exe,然后用它打开一个qml文件,效果如下:
 
 

为了以后方便使用,我们可以让qml.exe成为qml文件的默认运行程序。我们在任意一个qml文件上右击鼠标,在“打开方式”菜单中选择“选择程序…”然后找到qml.exe,并选中下面的“始终使用选择的程序打开这种文件”选择框,然后按“确定”,以后就可以直接双击打开qml文件了。

 

方法二:在Qt Creator中打开

为了安全起见,我们先将要使用的文件夹复制出来,比如我们将C:\Qt\4.7.0-beta1\examples\declarative下的animations文件夹复制到F盘中。然后我们打开Qt Creator ,新建工程,这里选择Import Existing Qt QML Directory一项。如下图。

 

然后填写工程名,路径指定到我们复制的animations文件夹。

 

完成后我们点击Qt Creator工程列表中的任意一个qml文件,然后点击运行按钮,就可以执行了。

 

注意:演示程序中可能存在一些错误或警告,比如上面的color-animation.qml使用第一种方法,直接用qml.exe打开是无法执行的,我们只能使用第二种方法运行它。


3.除了在examples\declarative中的这些小例子外,Qt还提供了几个较大的例子。

它们在C:\Qt\4.7.0-beta1\demos\declarative目录中,不过现在这里的大部分qml文件都不能直接执行,我们都需要使用上面的方法二,在Qt Creator中执行它们。下面是其中几个的简单介绍:
Samegame的例子:

 

webbrowser的例子:

 

注意这个例子需要能上网才能正常运行,我们可以使用键盘上的左右方向键来缩放网页。

photoviewer的例子:

 
 
 

这个例子也是自动从网上下载图片的,速度有点慢。

4.查看源代码。

看完了qml文件运行时的绚丽效果,我们下面来查看一下它的源代码。我们当然可以在Qt Creator中直接查看其代码,其实更简单的方法是,使用记事本或写字板等文本编辑器直接打开qml文件。下面是一个qml文件的内容。

 

现在你可以发现了,利用QML,编写几句简单的代码就能实现让人心动的界面。那么我们就在以后的教程中好好学习一下这个让人期待的QML语言吧。

体验全新的Qt 4.7.0 ,更多精彩内容,尽在www.yafeilinux.com !
欢迎访问我们的网站:www.yafeilinux.com
离线zuoyi

只看该作者 1楼 发表于: 2010-05-24
精彩!
学习Qt技术...
离线起点0615

只看该作者 2楼 发表于: 2013-12-02
多谢楼主分享
快速回复
限100 字节
 
上一个 下一个