布局

經(jīng)常使用QWidgets的一定熟悉QWidgets下的QVBoxLayout,QHBoxLayout和QGridLayout,?在qml中也有很多相似的組件,本次將從最常用的QtQuick.Layouts庫來演示.所以在本次教程中默認已導(dǎo)入Layouts庫,若沒有導(dǎo)入請按照下方代碼進行導(dǎo)入.

目錄

1.行布局&列布局

2.網(wǎng)格布局

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

列布局RowLayout將會使它自身內(nèi)的所有子對象進行一個垂直布局.效果如下

下面做個示范來演示部分上列部分屬性

接下來做個簡單的登錄界面,效果圖如下

網(wǎng)格布局(GridLayout)

網(wǎng)格布局可以快速生成多行多列的布局如下圖