QML入门----设计器详解（拖拽添加控件）

导语

设计器的基本使用

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.连接视图

第二个小菜单是属性绑定。