你好世界（Hello World）

为了测试你的安装，我们创建一个简单的应用程序hello world.打开Qt Creator并且创建一个Qt Quick UI Project（File->New File 或者 Project-> Qt Quick Project -> Qt Quick UI）并且给项目取名 HelloWorld。

注意

Qt Creator集成开发环境允许你创建不同类型的应用程序。如果没有另外说明，我们都创建Qt Quick UI Project。

提示

一个典型的Qt Quick应用程序在运行时解释，与本地插件或者本地代码在运行时解释代码一样。对于才开始的我们不需要关注本地端的解释开发，只需要把注意力集中在Qt5运行时的方面。

Qt Creator将会为我们创建几个文件。HellWorld.qmlproject文件是项目文件，保存了项目的配置信息。这个文件由Qt Creator管理，我们不需要编辑它。

另一个文件HelloWorld.qml保存我们应用程序的代码。打开它，并且尝试想想这个应用程序要做什么，然后再继续读下去。

  1. // HelloWorld.qml
  3. import QtQuick 2.0
  5. Rectangle {
  6.     width: 360
  7.     height: 360
  8.     Text {
  9.         anchors.centerIn: parent
  10.         text: "Hello World"
  11.     }
  12.     MouseArea {
  13.         anchors.fill: parent
  14.         onClicked: {
  15.             Qt.quit();
  16.         }
  17.     }
  18. }

HelloWorld.qml使用QML语言来编写。我们将在下一章更深入的讨论QML语言，现在只需要知道它描述了一系列有层次的用户界面。这个代码指定了显示一个360乘以360像素的一个矩形，矩形中间有一个“Hello World”的文本。鼠标区域覆盖了整个矩形，当用户点击它时，程序就会退出。

你自己可以运行这个应用程序，点击左边的运行或者从菜单选择select Bulid->Run。

如果一切顺利，你将看到下面这个窗口：

你好世界（Hello World） - 图1

Qt 5似乎已经可以工作了，我们接着继续。

建议

如果你是一个名系统集成人员，你会想要安装最新稳定的Qt版本，将这个Qt版本的源代码编译到你特定的目标机器上。

从头开始构建

如果你想使用命令行的方式构建Qt5，你首先需要拷贝一个代码库并构建他。

  1. git clone git://gitorious.org/qt/qt5.git
  2. cd qt5
  3. ./init-repository
  4. ./configure -prefix $PWD/qtbase -opensource
  5. make -j4

等待两杯咖啡的时间编译完成后，qtbase文件夹中将会出现可以使用的Qt5。任何饮料都好，不过我喜欢喝着咖啡等待最好的结果。

如果你想测试你的编译，只需简单的启动qtbase/bin/qmlscene并且选择一个QtQuick的例子运行，或者跟着我们进入下一章。

为了测试你的安装，我们创建了一个简单的hello world应用程序。创建一个空的qml文件example1.qml，使用你最喜爱的文本编辑器并且粘贴一下内容：

  1. // HelloWorld.qml
  3. import QtQuick 2.0
  5. Rectangle {
  6.     width: 360
  7.     height: 360
  8.     Text {
  9.         anchors.centerIn: parent
  10.         text: "Greetings from Qt5"
  11.     }
  12.     MouseArea {
  13.         anchors.fill: parent
  14.         onClicked: {
  15.             Qt.quit();
  16.         }
  17.     }
  18. }

你现在使用来自Qt5的默认运行环境来可以运行这个例子：

  1. $ qtbase/bin/qmlscene