Qt安装和QML HelloWord程序

时间:2022-09-23 06:24:14

QT Win7开发环境安装配置

Qt是一个跨平台应用程序和用户界面框架,使用C + +或者QML,类似CSS和JavaScript开发语言。 它提供给应用程序开发者建立艺术级的图形用户界面所需的所用功能。Qt是完全面向对象的,很容易扩展,并且允许真正地组件编程。
下载所需开发软件工具:
官方网站:http://qt-project.org/downloads/,选择对应版本如下图所示:
Qt安装和QML HelloWord程序

下载地址:
http://download.qt-project.org/official_releases/qt/5.2/5.2.1/qt-opensource-windows-x86-mingw48_opengl-5.2.1.exe
 
下载完成后双击文件: qt-opensource-windows-x86-mingw48_opengl-5.2.1.exe,一步一步完成安装:

第一步:

选择设置安装组件,建议全选。
Qt安装和QML HelloWord程序

第二步:

Qt安装和QML HelloWord程序

第三步:

Qt安装和QML HelloWord程序

第四步:

安装完成!
Qt安装和QML HelloWord程序

第五步:

打开QT Creator配置qmake和gcc编译器,
Qt安装和QML HelloWord程序




QML HelloWord程序

这第一个程序是一个非常简单的“Hello World”例子,介绍一些基本的QML概念。下面的图片是这个程序的截图。
Qt安装和QML HelloWord程序

这里是QML代码的应用程序:

import QtQuick 2.0

Rectangle {
    id: page
    width: 320; height: 480
    color: "lightgray"

    Text {
        id: helloText
        text: "Hello world!"
        y: 30
        anchors.horizontalCenter: page.horizontalCenter
        font.pointSize: 24; font.bold: true
    }
}

逐步解说

Import

首先,需要导入在这个例子中使用的类型。大多数QML文件将导入内置的QML类型(如矩形,图像,...)来给Qt使用:

import QtQuick 2.0

Rectangle类型:


Rectangle {
    id: page
    width: 320; height: 480
    color: "lightgray"
}

我们声明类型矩形的根对象。这是基本的构建模块之一,你可以用它来在QML创建一个应用程序。我们给它一个id为以后能够引用它。在这种情况下,我们把它称为“页面”。还设置了宽度,高度和颜色属性。矩形类型包含许多其他属性(如x和y),但这些都是使用它们的默认值。

Text 类型:

    

Text {
        id: helloText
        text: "Hello world!"
        y: 30
        anchors.horizontalCenter: page.horizontalCenter
        font.pointSize: 24; font.bold: true
    }

我们添加了一个文本类型的显示文本的根矩形子类型的 'Hello world!'.

y属性用于在从其父的前垂直30个像素位置的文本。

anchors.horizontalCenter属性是指一个类型的水平中心。在这种情况下,我们指定了文本类型应该水平居中的页面元素

font.pointSize和font.bold性质与字体,并使用点符号。

查看示例

要查看所创建文件名作为第一个参数运行qmlscene工具(位于bin目录中)。例如,若要从安装位置,请键入运行提供完成helloword例如:

qmlscene tutorials/helloworld/helloword.qml

from: http://www.yiibai.com/qt/qt_install.html#