【Qt QML】布局管理

一、QML布局管理概述

QML（Qt Meta-Object Language）提供了多种灵活的布局方案，适用于从移动端到桌面端的跨平台界面开发。与传统Widgets的布局策略不同，QML强调声明式编程与响应式设计的深度融合。布局管理是用于在 QML 界面中对元素进行合理排列和定位的机制。

二、布局管理核心方式

1. 基本定位方式

a) 绝对定位 (x/y属性)

Rectangle {
    x: 50       // 坐标X偏移
    y: 100      // 坐标Y偏移
    width: 200
    height: 100
}

缺点：无法响应窗口尺寸变化

b) 锚定系统（Anchors）

Item {
    anchors {
        left: parent.left    // 左锚点对齐父级左侧
        top: parent.top      // 顶部锚点对齐父级顶部
        margins: 10