UGUI全面實踐教程

大學霸發表於2015-03-10
 UGUI全面實踐教程 

試讀文件下載地址:

介紹: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

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/29597077/viewspace-1454806/,如需轉載,請註明出處,否則將追究法律責任。

相關文章