布局

经常使用QWidgets的一定熟悉QWidgets下的QVBoxLayout,QHBoxLayout和QGridLayout, 在qml中也有很多相似的组件,本次将从最常用的QtQuick.Layouts库来演示.所以在本次教程中默认已导入Layouts库,若没有导入请按照下方代码进行导入.

目录

1.行布局&列布局

2.网格布局

1.行布局&列布局:`RowLayout&ColumnLayout`

列布局RowLayout将会使它自身内的所有子对象进行一个垂直布局.效果如下

下面做个示范来演示部分上列部分属性

接下来做个简单的登录界面,效果图如下

网格布局(GridLayout)

网格布局可以快速生成多行多列的布局如下图