【Qt】Qt Creater创建一个Qt Quick Application

效果演示：

参考：https://doc.qt.io/qtcreator/qtcreator-transitions-example.html

一、创建工程

选择文件 > 新建文件或项目 > Application (Qt Quick) > Qt Quick Application - Empty

按照流程修改项目目录、名称、编译器等。

创建好的项目如下图：

使用Text Editor模式打开main.qml，向导模板建立的根元素为Window，该类型的元素不支持添加状态。因此需要使用Rectangle元素替代Window元素，同时要移除window元素的title属性。

原main.qml代码：

import QtQuick 2.12
import QtQuick.Window 2.12

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

修改后main.qml代码

import QtQuick 2.12
import QtQuick.Window 2.12

Rectangle {
    width: 640
    height: 480
    visible: true
}

二、创建主视图

将main.qml切换到设计模式。

选择Library > Assets > Add New Assests，定位到自己想要添加图片的目录即可将其添加到项目目录，将图片从Assets内拖拽到Navigator内。

在属性(Properties)中，编辑图片的属性。

• 在id栏，输入：icon
• 在Position栏，设置X为10，Y为10。
• 在size栏，设置W为50，H为50。
  
</