坐标与锚点
anchor、x、y、对齐和层级的完整规则
文件关系
tutorial.yml
坐标公式
最终位置 = 屏幕百分比锚点 + GUI 像素偏移
anchor:
x: 50
y: 50
x: 20
y: -10含义：从屏幕中心向右 20 像素，再向下 10 像素。
anchor
| 字段 | 类型 / 省略值 | 范围 | 单位 |
|---|---|---|---|
anchor.x | 小数 / 0 | 0～100，超出会被限制 | 屏幕宽度百分比 |
anchor.y | 小数 / 0 | 0～100，超出会被限制 | 屏幕高度百分比 |
| anchor | 位置 |
|---|---|
0, 0 | 左上角 |
100, 0 | 右上角 |
50, 50 | 中心 |
0, 100 | 左下角 |
100, 100 | 右下角 |
x 和 y
| 字段 | 方向 | 单位 |
|---|---|---|
x | 正数向右，负数向左 | GUI 像素 |
y | 正数向上，负数向下 | GUI 像素 |
图片、头像、进度和文字的 y 都表示可见内容顶部。Xerr 会自动读取 TTF 指标并换算文字基线。
align
| 值 | 含义 |
|---|---|
left | x 是文字左边 |
center | 文字以 x 为中心 |
right | x 是文字右边 |
省略时相当于 left。
layer
整数，默认 0。同一位置发生重叠时，数值较大的元素绘制在前面。
background:
layer: 0
icon:
layer: 10
text:
layer: 20layer 不改变坐标，也不控制 Stack 的 Row 顺序。
局部 Layout
Stack、Popup、Compass 内部样式和 Screen Layout 图层由外层系统定位。它们内部通常不写 anchor，只使用局部 x、y。
不同名称的坐标不要混淆
| 字段 | 坐标空间 |
|---|---|
Layout anchor | 屏幕百分比 |
Layout x/y | GUI 像素，Y 正数向上 |
Progress center | 图片内部百分比，Y 向下 |
Popup from/to.x/y | 相对 Slot 的额外 GUI 像素 |
Screen Layer anchor | 屏幕百分比 |
修改位置后通常需要重新 /xerr pack。