正文

除了传统的Grid、Row和Column外，Qt Quick还提供了一种使用锚点的方法来布局。可以将每个元素视为具有7条不可见的“锚定线”的集合：left、horizontalCenter、right、top、verticalCenter、baseline和bottom。

baseline（上图未展示）对应于文本所在的虚线。对于没有文本的元素，它与top相同。
Qt Quick锚定系统允许定义不同元素的锚定线之间的关系，例如：

Rectangle { id: rect1; ... }
Rectangle { id: rect2; anchors.left: rect1.right; ... }

在这种情况下，rect2的左边缘绑定到rect1的右边缘，从而产生以下结果：

还可以指定多个锚点：

Rectangle { id: rect1; ... }
Rectangle { id: rect2; anchors.left: rect1.right; anchors.top: rect1.bottom; ... }