Qt5 学习之路及嵌入式开发教程22：QML自定义元素与布局

一、启动Qt5.12

1、新建项目文件，进入界面

2、选择后

3、几个下一步后，点击完成：

4、运行，查看结果

二、自定义三个组件：长方形，正方形，圆形

1、自定义过程：

在①处右键、找到“Add New”,出现如下对话框

选择后，出现对话框

下一步后，点击完成，出现如下

2、定义矩形性质

3、调用：双击main.qml文件

运行，查看结果

4、用同样方法，定义正方形及圆形

调用代码

运行结果

三、行列定位、流定位(做例子时，把前面的例子先注释)

1、行列定位、重复器（Repeater）：例子中的位置、颜色、间距、大小参数，同学们可以修改，查看运行结果。

运行结果：

列定位器：

运行结果：

2、Grid定位器

运行结果：

3、流定位（Flow）

运行结果：