# UI模块

UI模块的核心是 各类 UI 组件,这些组件是预先制作的对应不同能力的逻辑(触摸、图像渲染、蒙板、排版),通过不同能力组件的组合,实现使用者所需的实现的界面。

# 快速上手

点击 UI性能demo,在工具中直接上手体验。

点击 UI新手引导,在工具中按流程学习。

开发者工具 - 新建小游戏 - 选择 UI示例模块 即可在工具中查看以下所有案例示例与代码。

# 资源

  1. 二维资源制作:制作图片、字体、图集等资源

# 场景与二维组件

  1. 新建二维场景与分辨率:二维场景与分辨率的关系,以及新建一个二维场景
  2. 二维节点的使用:二维节点基础属性与 RectTransform 的使用
  3. 二维逻辑脚本使用:二维场景下,新建与使用脚本,如触摸、点击、增删节点组件。
  4. 使用各类渲染元素:各类二维渲染组件(图片、图形、文字、富文本)的基础用法。
  5. 自定义顶点绘制与材质:自定义顶点组件用法,及使用外部材质的介绍

# 案例指引

  1. 制作按钮与滚动列表:按钮预制件,以及运用到滚动列表
  2. 制作响应式面板:响应式面板预制件,包含缩放适配与类 flex 案例。
  3. 制作HUD:简单的 HUD 面板,与特殊设备适配。
  4. 三维绘制UI:三维场景中使用普通与 BillBoard 情况下二维图片与文字。

# 事件指引

  1. 使用触摸进行三维交互:二维触摸组件控制画面中三维/二维物体的移动

# 动画指引

  1. 二维动画开发与使用:使用工具的动画编辑工具开发二维animationClip,并使用该时间轴动画。
  2. DragonBone资源适配:使用提供的可定制化Adapter,播放外部的骨骼动画与蒙皮动画。

# 外部 UI 资源迁移

2D资源导入与混合渲染:NGUI资源导入、外部位图字体、骨骼动画、使用外部 Canvas 的混合渲染。

# 子域绘制

开放数据组件: 使用 RenderTexture 通信,子域中支持,直接使用本方案中的 UI组件 进行排版、绘制与触摸。

# UI模块架构 详情

# 性能优化建议与最佳实践 详情