Qt Creator 4.6.2 创建Qt Quick工程并于主窗口中显示Hello World!

关于Qt Creator 的安装不在本文介绍之中

简介

QML是一种描述性的脚本语言，文件格式以.qml结尾。
语法格式非常像CSS，但又支持javascript形式的编程。

创建Qt Quick项目工程

1、创建工程

1. 左上角 文件->新建文件或项目，如下图所示，选择Qt Quick Application - Empty，而Scroll、Stack、Swipe和Canvas 3D是Qt Quick的简单应用
   
2. 点击choose，点击下一步，选择项目存放目录和项目存放目录名称，点击下一步，如下图所示，最低Qt 版本默认是5.9，意味着低于5.9的Qt Creator版本可能存在不支持的空间和语法支持
   
3. 一直点击下一步，最后点击完成，如下图所示
   

2、编写Hello World代码

1. 在main.qml文件中编写 Hello World！，代码如下

import QtQuick 2.9
import QtQuick.Window 2.2
import QtQuick.Controls 2.2//添加 用于Label
import QtQuick.Layouts 1.3//添加 用于RowLayout

Window {
    id: mainWindow
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    RowLayout{//行布局
        id: rowlayout//id名称
        anchors.fill: parent
        spacing: 0

        Label {//定义一个label显示字符串
            id: labelShow
            verticalAlignment: Text.AlignHCenter//垂直对其方式：垂直居中对齐
            text: qsTr("Hello World!")//文本内容

            Layout.alignment: Qt.AlignVCenter | Qt.AlignHCenter//布局水平垂直居中对齐
        }
    }
}

2. 编译运行如下图所示，改变窗口大小可以发现Hello World!依旧在界面中间显示