作者: 一去、二三里
个人微信号: iwaleon
微信公众号: 高效程序员
在 QML 中,可以通过多种方式对元素进行布局 - 手动定位、坐标绑定定位、锚定位(anchors)、定位器和布局管理器。
说到 anchors,可能很多人都不太了解,它是 QML 中一个非常重要的概念,主要提供了一种相对定位形式,使得其中的元素可以在特定边界上相互锚定。
为了便于理解和记忆,亮哥特地整理了一张 QML 布局相关的思维导图:
手动定位
手动定位是一种绝对布局,通过为元素的 x、y 属性指定一个常量值,来将其放置在父元素的特定位置处,这种方式通常适用于静态界面。
对于一个元素来说,它的 x、y 坐标是相对于其父元素而言的,其中左上角的坐标为 (0,0)。
话不多说,我们来创建一个正方形排列:
import QtQuick 2.11
Rectangle {