文章目录
导语
设计器的基本使用
1.基本视图
2.文件类型
新建一个QtQuick UI File 文件其实就是新建了一个组件，会自动生成以下两个文件。如果外界qml要引用，建议Main类型，不仅有界面还有以外的一些设置。
- Main.qml ：用于界面的实施，逻辑的处理。
- MainForm.ui.qml ：这是一个UI表单文件，是为设计模式而生的，只负责生成界面。
一、界面说明
1.库（Library）
-
如果库这个视图没有显示，可以在导航栏选择控件---->视图---->Library
-
库视图
2.导航（Navigator）
-
隐藏控件：导航中，可以点击眼睛来控制控件在编辑器中的隐藏与显示，可以更好的设计其他项目，注意，这只是在画布中暂时隐藏该控件，并不影响其在应用程序中的可见性。
- 切换父项目：如果想控制Button与CheckBox的所属关系，可以直接在导航项目树中进行拖动即可。
- 组件外访问控件btn：可以通过属性别名的方式将btn导出，可采用两种方案，一种是手动添加代码，另一种是点击上图那个眼睛左边的图标。
-
控件添加信号：控件右键点击Go to Implementation。选择clicked信号，点击OK，代码中自动添加。
3.属性（Properties）
-
Text类型：如果在text属性中选中了tr图标，对应的文本就会被qsTr()调用
- 高级设置（Advanced）：可设置原点、旋转、缩放、和Z值等
-
选择父项目：先拖入Rectangle，再拖入MouseArea，这时MouseArea的父项目是Rectangle。如果你想选择父项目，那么你可以点击MouseArea，然后右键选择Selection。如下图
- 真正更改控件大小：在属性中设置，则会永久的更改控件的大小。表单编辑器旁边的数字只是更改当前画布的大小。
-
刷新画布：更改属性后，有可能表单编辑器刷新不及时。
4.连接视图
第二个小菜单是属性绑定。
二、实战：使用设计器操作QML文档
目标：有1个图片和3个矩形，单击一个矩形，图片便移动到该矩形中。
1.创建项目
