布局体系速记
锚点、容器与 HUD 定位要点
布局体系速记
锚点(point)
16 种:九宫方位 + 拉伸系(stretch 会把控件撑满父级对应方向)。
锚点只在顶层控件或 Canvas / Adaptive 容器内生效,Stack / Grid / Scroll 内无效。
容器
Canvas自由布局;Adaptive按设计分辨率整体等比缩放(做一套 1920×1080 的设计稿再自动适配)。VStack / HStack纵横排列(spaceBetween间距);VGrid / HGrid网格(row/column换行阈值)。Scroll滚动容器:只放一个布局控件,滚动需配合滑块控件驱动。
- Stack / Grid 的宽高由内容决定,需要固定尺寸时外面套一层
Canvas。 - HUD 元素用锚点 + 小偏移定位(如
bottom_center+y:-40),不要用绝对坐标,否则换分辨率就错位。
