Qt5与QML(六)

1.4.6 条目布局

QML使用锚点灵活的对条目进行布局,锚点的是所有可视元素都具有的,且是最基础的一部分。一个锚点运作像是捆绑在一起,他比一般的几何图形的改变更高级。锚点总是和相关的元素是一起的。

Qt5与QML(六)_第1张图片

一个元素总是具有6个定位线,包括(top、bottom、right、left、horizontalCenter、verticalCenter),其他的还有一些文本的对其线。每一个对齐线都配备一个偏移量,对于上下左右,他被称作边距,对于垂直中心线和水平中心线,他们就叫做偏移量。

Qt5与QML(六)_第2张图片

1.  一个元素充满他的父元素

Qt5与QML(六)_第3张图片


2. 一个元素左对齐父元素

Qt5与QML(六)_第4张图片

3.  一个元素的左边界对齐到父元素的右边界

Qt5与QML(六)_第5张图片

4. 中间对齐元素,Blue1和父元素水平对齐,Blue2和Blue1水平对齐,并且他的顶部对齐Blue1的底部。

Qt5与QML(六)_第6张图片

5. 一个元素和父元素的中心对齐

Qt5与QML(六)_第7张图片

6. 一个元素和父元素的中心对齐,然后左偏移一定的量。

Qt5与QML(六)_第8张图片

你可能感兴趣的:(QML)