QML 中的 5 大布局

Posted 2023-03-06 一去丶二三里

作者： 一去、二三里
个人微信号： iwaleon
微信公众号： 高效程序员

在 QML 中，可以通过多种方式对元素进行布局 - 手动定位、坐标绑定定位、锚定位（anchors）、定位器和布局管理器。

说到 anchors，可能很多人都不太了解，它是 QML 中一个非常重要的概念，主要提供了一种相对定位形式，使得其中的元素可以在特定边界上相互锚定。

为了便于理解和记忆，亮哥特地整理了一张 QML 布局相关的思维导图：

手动定位

手动定位是一种绝对布局，通过为元素的 x、y 属性指定一个常量值，来将其放置在父元素的特定位置处，这种方式通常适用于静态界面。

对于一个元素来说，它的 x、y 坐标是相对于其父元素而言的，其中左上角的坐标为 (0,0)。

话不多说，我们来创建一个正方形排列：

import QtQuick 2.11

Rectangle