UI与交互研究导航
一句话摘要
这是一份聚合UI与交互核心文档的中文导航,帮助你快速找到UI分类、数据同步、格子列表、交互设计等高价值专题。
适合谁阅读
- 想理解三种UI区别的创作者
- 遇到UI状态错乱的开发者
- 想做复杂列表、商店、背包系统的进阶用户
你将学到什么
- UI分类与切换机制
- UI数据同步架构
- 格子UI与列表系统
- 联机UI的演进历史
- 常见UI问题与解决
推荐阅读结构
1. 基础认知
| 文档 | 说明 | 适合阶段 |
|---|---|---|
| UI系统与切换机制解析 | UI分类、切换入口、当前UI与地图UI差别 | 入门 |
| 广播机制深度解析 | 理解UI为什么经常要和广播一起看 | 入门 |
| 创游世界编辑器基础入门 | 编辑器基础入门与UI编辑区 | 入门 |
2. 架构理解
| 文档 | 说明 | 适合阶段 |
|---|---|---|
| 创游世界UI数据同步架构 | UI显示层与真值层怎么分离 | 进阶 |
| 脚本作用域与数据流深度研究 | UI为什么不能乱存真值、地图层为什么重要 | 进阶 |
| 联机UI演进专题 | 联机环境下UI架构变化 | 进阶 |
3. 项目实战
| 文档 | 说明 | 适合阶段 |
|---|---|---|
| 创游世界格子UI与列表系统深度解析 | 格子UI与列表系统 | 进阶 |
| 创游世界背包与货币系统设计入门 | 背包系统UI设计 | 进阶 |
| 创游世界交互系统设计入门 | 交互系统设计 | 进阶 |
| 创游世界任务与事件系统设计入门 | 任务系统UI设计 | 进阶 |
这组文档重点回答什么
- UI到底只是显示层,还是也能承载逻辑
- 背包、商店、任务、弹窗、状态栏为什么底层常常共享一套UI模式
- 格子UI的本质是什么
- 联机下UI为什么更容易出同步问题
三种UI类型速查
| 类型 | 说明 | 切换入口 | 使用场景 |
|---|---|---|---|
| 地图UI | 跟地图或场景级逻辑联动 | 地图UI设置 | 剧情对话框、任务面板 |
| 操作UI | 玩家操作入口 | 操作UI设置 | 虚拟摇杆、技能按钮 |
| 物体UI | 绑定到特定物体 | 物体UI组件 | 物体交互界面 |
核心概念速查
| 概念 | 解释 |
|---|---|
| 当前UI | 当前正在显示的UI界面(4.52.54+改用新写法) |
| 真值层 | 存放项目核心数据的层(地图层或系统层) |
| 显示层 | UI负责显示和接收输入 |
| 广播解耦 | UI发请求广播,地图处理后通知UI刷新 |
| 格子UI | 用格子排列元素的列表式UI |
常见误区
| 误区 | 后果 | 正确做法 |
|---|---|---|
| 把UI当成长期真值唯一来源 | 刷新、切页、重进地图后不同步 | 真值放在地图层或系统层 |
| UI和地图逻辑直接强耦合 | 排查困难、维护成本高 | 通过广播或清晰的数据流连接 |
| 所有数据都放在UI层处理 | 联机下容易出现同步问题 | 每个玩家只运行自己的UI逻辑 |
| UI直接修改全局状态 | 显示成功、实际失败的假同步 | 通过广播通知地图处理 |
当前判断
[已确认]不建议把UI当成长期真值唯一来源。[已确认]不建议让UI和地图逻辑直接强耦合,最好通过广播或清晰的数据流连接。[高可信推断]复杂项目里,UI层越轻、地图层或系统层越稳定,整体越容易维护。
关联阅读
核心研究
- 核心概念速查手册 - 核心概念速查
- 核心研究导航 - 核心研究总入口
- 数据、变量与作用域导航 - 数据系统入口
- 广播与事件机制导航 - 事件驱动系统入口
- 版本与能力边界导航 - 版本演进入口
脚本系统
- 脚本系统导航 - 脚本系统总入口
- 脚本系统专题导航 - 脚本系统专题入口
- 脚本界面与积木知识索引 - 积木块总览
- 创游世界触发时机完全指南 - 触发时机详解
- 创游世界广播命名规范与最佳实践 - 广播命名规范
项目设计
- 项目设计导航 - 项目设计总入口
- 系统设计专题导航 - 系统设计专题
- 创游世界商店系统实战设计指南 - 商店系统设计
- 创游世界UI界面设计系统指南 - UI设计指南
教程资料
- 教程资料导航 - 教程资料总入口
- 创游世界UI类型速查卡 - UI类型速查
- 常见问题与避坑指南 - 常见问题解决
- 创游世界脚本调试指南 - 调试指南
导航入口
- 新手阅读路线 - 学习路线导航
- 创游世界知识库总导航 - 知识库总导航
- 维护与报告导航 - 维护报告入口
待验证问题
[待验证]不同版本编辑器的UI界面布局差异[待验证]复杂UI项目的帧率与设备兼容性关系
后续优化方向
- [ ] 补充更多格子UI的实战案例
- [ ] 添加联机UI同步的详细文档
- [ ] 完善不同UI类型的切换场景说明
