UGUI官方文档与中文翻译
官方文档:
中文翻译:UGUI中文翻译
UGUI基础(Unity Graphic User Interface)
UGUI是Unity引擎内自带的UI系统。(后续学习UIElements)
六大基础组件
六大基础组件是什么:
Canvas对象上的组件:
- Canvas:画布组件,主要用于渲染UI控件。
- Canvas Scaler:画布分辨率自适应组件,主要用于分辨率自适应。
- Graphic Raycaster:射线事件交互组件,主要用于控制射线响应相关。
- Rect Transform:UI对象位置锚点控制组件,主要用于控制位置和对齐方式。
EventSystem对象上的组件:
- Event System:玩家输入事件响应系统
- Standalone Input Module:独立输入模块组件
- 二者均主要用于监听玩家操作
Canvas
Render Mode:
- Screen Space - Overlay:
- Pixel Perfect:
- Sort Order:
- Target Display:
- Screen Space - Camera:
- Pixel Perfect:
- Render Camera:
- Order In Layer:
- World Space
- Event Camera:
- Sorting Layer:
- Order In Layer:
Additional Shader Channels:
Vertex Color Always:
Canvas Scaler
宽高*缩放系数Scale = 屏幕分辨率
屏幕分辨率:
参考分辨率:
画布宽高和缩放系数:
分辨率大小自适应:
UI Scale Mode:
- Constant Pixel Size:
- Scale With Screen Size:
- ConstantPhysical Size:
Constant Pixel Size
UI原始尺寸 = 图片大小(像素) / (Pixels Per Unit / Reference Pixels Per Unit)
参考对象越大,自身看起来越大,参考对象越小,自身看起来越小。参考它,它怎么变化(放大/缩小),自身怎么变化(放大/缩小)
一个单元格越大,自身看起来越小,一个单元格越小,自身看起来越大
Scale With Screen Size
Reference Resolution
Screen Match Mode
Match
计算公式
ConstantPhysical Size
3D模式
Graphic Raycaster
Rect Transform
Event System
Standalone Input Module
三大基础组件
组合控件
图集制作
UGUI进阶
UI事件监听接口
EventTrigger事件触发器
屏幕坐标转UI相对坐标
Mask遮罩
CanvasGroup整体控制
模型和粒子显示在UI之前
异形按钮
自动布局组件
实践项目
需求分析
做完回来作图