目 录
第1章 新UI系统概述 1
1.1 优点 1
1.1.1 创建速度快 1
1.1.2 直观、易于使用 2
1.1.3 效率高效果好 3
1.2 开源 3
1.2.1 开源授权协议--MIT/X11 3
1.2.2 源代码托管网站--BitBucket 4
1.2.3 查看源代码项目 5
第2章 UI系统基础 8
2.1 画布--Canvas 8
2.1.1 创建Canvas对象 8
2.1.2 UI控件的绘制顺序 9
2.1.3 绘制模式 10
2.2 UI控件的布局 13
2.2.1 Rect Tool小工具 13
2.2.2 Rect Transform组件 15
2.3 提供可视功能的UI组件 21
2.3.1 显示文字--Text(Script) 21
2.3.2 显示图片1--Image(Script) 25
2.3.3 显示图片2--Raw Image(Script) 30
2.3.4 遮罩效果--Mask(Script) 31
第3章 可交互的UI控件 34
3.1 Selectable类 34
3.1.1 是否可交互--Interactible 35
3.1.2 状态转换--Transition 35
3.1.3 状态导向--Navigation 38
3.2 Button--按钮控件 42
3.2.1 Button及其子对象 43
3.2.2 Button(Script) 43
3.3 Toggle--开关控件 44
3.3.1 Toggle及其子对象 44
3.3.2 Toggle(Script) 46
3.3.3 Toggle Group 46
3.4 Slider--滑块控件 49
3.4.1 Slider及其子对象 49
3.4.2 Slider(Script) 51
3.5 Scrollbar--滚动条控件 52
3.5.1 Scrollbar及其子对象 52
3.5.2 Scrollbar(Script) 53
3.6 InputField--文本框控件 55
3.6.1 InputField及其子对象 55
3.6.2 InputField(Script) 56
3.7 Scroll Rect--滚动矩形控件 57
3.7.1 滚动矩形控件的构建和使用示例 57
3.7.2 Scroll Rect(Script) 62
第4章 自动布局与特效 64
4.1 自动布局--Auto Layout 64
4.2 布局元素--Layout Elements 64
4.2.1 Layout Properties视图 65
4.2.2 Layout Element组件 66
4.2.3 布局规则 67
4.3 布局控制--Layout Controllers 67
4.3.1 Content Size Fitter组件 68
4.3.2 Aspect Ratio Fitter组件 69
4.3.3 Horizontal Layout Group组件 71
4.3.4 Vertical Layout Group组件 73
4.3.5 Grid Layout Group组件 75
4.4 使用示例--依据内容自动缩放的按钮 79
4.5 UI特效组件 81
4.5.1 Shadow组件 81
4.5.2 Outline组件 83
第5章 Canvas相关组件 86
5.1 Canvas Scaler组件 86
5.1.1 像素大小固定--Constant Pixel Size 86
5.1.2 与游戏屏幕一同变化--Scale With Screen Size 87
5.1.3 物理尺寸固定--Constant Physical 88
5.1.4 作为场景中的立体对象--World 89
5.2 Canvas Group组件 89
5.3 Canvas Renderer组件 91
5.4 游戏示例--多分辨率下的UI布局的一致性 91
5.4.1 环境搭建 91
5.4.2 使用anchors 92
5.4.3 使用Canvas Scaler组件 94
5.4.4 示例效果展示 97
第6章 事件触发 98
6.1 Event System组件 98
6.2 Standalone Input Module组件 99
6.3 Touch Input Module组件 99
6.4 游戏示例--UI屏幕切换 100
6.4.1 实现思路 100
6.4.2 制作UI屏幕 101
6.4.3 制作、添加动画效果 102
6.4.4 编写脚本--ScreenManager 113
6.4.5 脚本代码说明 116
6.4.6 游戏效果展示 117
第7章 官方示例及其简要说明 122
7.1 常见控件示例--Controls 122
7.2 拖拽效果示例--Drag And Drop 124
7.3 可拖动的面板示例--Draggable Panel 124
7.4 界面布局示例--Layout Groups 126
7.5 UI与光照示例--Lighting 127
7.6 游戏菜单示例--Menu 3D 128
7.7 实时纹理绘制示例--RenderTexture 129
7.8 综合性的游戏示例--Survival Shooter 131
7.9 事件系统 133
7.10 学以致用 134
