UGUI全面實踐教程
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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- unity3d UGUI教程之-UGUI 實現刮刮卡橡皮擦Unity3DUGUI
- Playmaker全面實踐教程之playMaker編輯器
- NGUI全面實踐教程(大學霸內部資料)NGUI
- Playmaker全面實踐教程之Playmaker常用工具
- Playmaker全面實踐教程之簡單的使用Playmaker示例
- 事務管理最佳實踐全面解析
- 通義靈碼實踐教程——效能實踐
- 從理論到實踐 全面理解HTTP/2HTTP
- DevOps全面綜述:從概念到實踐dev
- JUnit4教程+實踐
- 通義靈碼實踐教程——編碼使用實踐
- UGUI的深度UGUI
- UGUI動畫效果UGUI動畫
- MySQL全面瓦解27:主從複製(原理 + 實踐)MySql
- 南瓜電影 7 天內全面 Serverless 化實踐Server
- Hive常用效能優化方法實踐全面總結Hive優化
- PHP 教程:Composer 最佳實踐PHP
- RabbitMQ保姆級教程最佳實踐MQ
- React 介紹及實踐教程React
- UGUI研究之SpriteUGUI
- 最全面的UML教程
- Puppeteer的入門教程和實踐
- 通義靈碼實踐教程——企業級能力使用實踐
- BERT fine-tune 實踐終極教程
- [Scikit-learn教程] 02.05 綜合實踐
- RabbitMQ環境搭建教程收集(待實踐)MQ
- STM32 + RTThread + UGUIthreadUGUI
- UGUI_Text的顯示UGUI
- Unity UGUI——Rect Transform包(Anchors)UnityUGUIORM
- 《Django入門與實踐教程》完整版Django
- 教程:Apache Spark SQL入門及實踐指南!ApacheSparkSQL
- 使用 DartPad 製作程式碼實踐教程Dart
- Nginx 優化與防盜鏈實踐教程Nginx優化
- Java 斷言 Assert 使用教程與最佳實踐Java
- 全面的Docker快速入門教程Docker
- 重磅更新!Mall電商實戰教程全面升級,瞬間高大上了!
- 10張圖全面細緻解密阿里資料中臺建設原理、實踐解密阿里
- UGUI_關卡選項介面UGUI