QML中的布局管理

2021-06-26 22:47:56 字數 1232 閱讀 9481

qml中的布局管理

1、定位器:column,row,grid,flow
1)、column
column項用來垂直排列專案並使它們不會重疊。
import

qtquick2.3

column
rectangle
rectangle
}
2)、row
row項用來水平排列專案並使他們不會重疊。
3)、grid
grid項用來定位它的子專案,使它們排列在乙個網格中而不會重疊,從左向右、從上向下排列。rows和columns指定
行列數,spacing設定間距,在水平和垂直方向上會使用相同的間距。
4)、flow
flow項用來將像單詞一樣的專案放置在乙個頁面上,通過換行使這些專案排列成多個行或列並且不會重疊。有乙個flow屬性,
是列舉型別:flow.lefttoright(預設),flow.toptobottom。更改flow的大小,排列可能會變化。
5)、重複器repeater
repeater元素用來建立大量相似的專案。像其他檢視元素一樣,乙個repeater元素包含乙個model和乙個delgate屬性:delegate
用來將模型中的每乙個條目分別例項化。
import

qtquick2.3

rectangle
}
}
}
}
6)、使用切換
切換可以使在定位器中進行新增、移入刪除專案時具有動畫效果。4個定位器都有乙個add和move屬性,都需要分配乙個transition
物件。eg:
flow
}
}
2、錨
錨是基於相對位置進行位置布局的。
只能在父子或兄弟之間使用錨,並且,基於錨的布局不能喝絕對的位置定義(如設定x,y的值)混合使用。
通過指定多個不同部件水平和垂直的錨還可以控制專案的大小,若移動某一項,可使特定項伸展或伸縮。

QML基礎 UI布局管理

contents 概述 使用qt做過ui的一定對qhboxlayout,qvboxlayout,和qgridlayout這三個最重要也最常使用的layout managers非常熟悉。那麼在qml中又是如何控制和管理ui布局的呢?那麼我們這篇文章就為大家介紹這些基礎知識。首先,qml同樣允許大家使用...

QML基礎 UI布局管理

概述 使用qt做過ui的一定對qhboxlayout,qvboxlayout,和qgridlayout這三個最重要也最常使用的layout managers非常熟悉。那麼在qml中又是如何控制和管理ui布局的呢?那麼我們這篇文章就為大家介紹這些基礎知識。首先,qml同樣允許大家使用硬編碼的方式將位置...

QML基礎 UI布局管理

概述 使用qt做過ui的一定對qhboxlayout,qvboxlayout,和qgridlayout這三個最重要也最常使用的layout managers非常熟悉。那麼在qml中又是如何控制和管理ui布局的呢?那麼我們這篇文章就為大家介紹這些基礎知識。首先,qml同樣允許大家使用硬編碼的方式將位置...