您的位置:首页 > 产品设计 > UI/UE

UGUI全面实践教程

2015-03-10 15:04 465 查看
 UGUI全面实践教程 



试读文档下载地址:http://pan.baidu.com/s/1hq3UYGk

介绍:UGUI是Unity官方推出的最新UI系统。本教程为国内唯一的UGUI专向资料。本教程全面讲解UGUI的各项内容,如交互控件、自动布局、特效、Canvas、事件触发等。 

目  录
第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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  UGUI 全面实践 教程