体验QML演示程序

 

前面我们讲述了简单的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语言吧。