技能介绍

游戏 UI 的跨端适配痛点

在多端游戏开发中，UI 往往是最容易在多分辨率、多输入设备下翻车的模块。从手机竖屏到带鱼屏再到电视，绝对像素定位会让界面在首次遇到新分辨率时直接崩溃；忽视刘海屏与电视过扫描（overscan）会导致关键信息被裁切；缺乏手柄焦点导航让客厅游戏体验大打折扣；而逐帧轮询（per-frame polling）游戏状态来驱动 UI，不仅浪费性能，还容易引发状态同步逻辑的灾难。此外，随着菜单层级加深，用各种布尔标志位（flag soup）控制屏幕流转，很快就会让代码变成难以维护的意大利面条。

引擎无关的 UI 架构方案

本技能专注于引擎无关的 UI 架构，将响应式布局、缩放策略、焦点导航和屏幕流抽象为标准化的核心工作流：

锚点与容器布局：彻底摒弃绝对像素坐标。将元素锚定在边缘、角落或中心，并通过行、列、网格等容器让子元素自动流动。
全局缩放策略：设定一个参考分辨率进行等比缩放（fit），并针对其他宽高比制定扩展策略，如信箱模式（letterbox）、画面扩展或 HUD 四角向外锚定。
安全区域与输入导航：强制关键 UI 避开屏幕边缘的不安全区域；为每个屏幕设置初始焦点并定义清晰的焦点跳转顺序，确保全键盘和手柄可导航。
栈式屏幕流管理：将标题、游戏、暂停到设置的界面流转抽象为 UI 栈，彻底告别标志位乱炖。
状态驱动通信：建立 UI 与游戏状态的高效绑定机制，消除低效的逐帧轮询。

适用边界与协作边界

需要注意的是，本技能不负责引擎层面的具体控件 API 和视觉样式。如果你使用 Godot 或 Unity，请将其交由 godot-ui-control 或 Unity UI (UGUI/UI Toolkit) 处理。对于按钮弹出、伤害数字等视觉打击感，请配合 game-feel；分支对话界面交给 dialogue-systems；而字符串翻译和按键重映射则分别属于本地化与输入系统的工作范畴。