UI 基础:Node 与布局
到目前为止,你看到的所有画面——精灵、网格、光照——都属于"世界空间":坐标是浮点数,单位是米,摄像机决定你看到哪一块。但游戏还需要另一层:血条、得分、菜单、对话框、HUD。这些元素不随摄像机移动,始终锚定在屏幕边缘,用像素或百分比定位。这就是 UI 层——Bevy 用 bevy_ui crate 实现的一套独立布局系统。
本章内容:
- Node 实体:UI 的基本单元,从一个灰色矩形开始
- Flexbox 布局:行、列、对齐、间距
- 尺寸单位与响应式:Px、Percent、Vw、Vh、VMin、VMax
- 层叠、z-index 与 UI 相机:谁在谁上面
- ImageNode 与 UI 文本:图片和文字
- 小结与练习