你好世界(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保存我们应用程序的代码。打开它,并且尝试想想这个应用程序要做什么,然后再继续读下去。

// HelloWorld.qml

import QtQuick 2.0

Rectangle {
    width: 360
    height: 360
    Text {
        anchors.centerIn: parent
        text: "Hello World"
    }
    MouseArea {
        anchors.fill: parent
        onClicked: {
            Qt.quit();
        }
    }
}

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

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

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

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

建议

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

从头开始构建

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

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

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

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

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

// HelloWorld.qml

import QtQuick 2.0

Rectangle {
    width: 360
    height: 360
    Text {
        anchors.centerIn: parent
        text: "Greetings from Qt5"
    }
    MouseArea {
        anchors.fill: parent
        onClicked: {
            Qt.quit();
        }
    }
}

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

$ qtbase/bin/qmlscene