05.可视元素与布局原理

Item/Rectangle/Text 到 anchors/定位器——QML 布局系统的底层算法与性能抉择。

目录

• 1. 案例引入：嵌入式屏幕横竖屏切换的布局灾难
• 2. Item 基类与属性体系
  • 几何属性(x/y/width/height/z/transform)
  • 可见性(visible/opacity/clip/enabled)
  • Item 在 Scene Graph 中的映射
• 3. 基础可视元素
  • Rectangle/Text/TextInput/Image
  • 每个元素在 Scene Graph 中的 QSGNode 类型
• 4. 锚布局(Anchors)原理
  • anchors 的 layout constraint solving
  • 锚点的优先级与冲突解决
  • 锚点 vs 绝对坐标的性能差异
• 5. 定位器(Positioners)
  • Row/Column/Grid/Flow
  • 与 React Flexbox 的对比
  • 嵌入式下的布局复杂度控制
• 6. 布局管理器(Layouts)
  • RowLayout/ColumnLayout/GridLayout
  • 动态计算 vs 静态声明的性能影响
• 7. 实战：适配多分辨率仪表盘
• 8. 速查表

📝 基于原有 03.Qml基础组件.md + 原有 Qml控件介绍/高级功能 合并升级，补充布局算法原理