UGUI全面實踐教程
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
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/29597077/viewspace-1454806/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 通義靈碼實踐教程——效能實踐
- DevOps全面綜述:從概念到實踐dev
- JUnit4教程+實踐
- PHP 教程:Composer 最佳實踐PHP
- 從理論到實踐 全面理解HTTP/2HTTP
- 通義靈碼實踐教程——編碼使用實踐
- MySQL全面瓦解27:主從複製(原理 + 實踐)MySql
- 南瓜電影 7 天內全面 Serverless 化實踐Server
- Hive常用效能優化方法實踐全面總結Hive優化
- RabbitMQ保姆級教程最佳實踐MQ
- STM32 + RTThread + UGUIthreadUGUI
- 將Particle轉成UGUIUGUI
- 通義靈碼實踐教程——企業級能力使用實踐
- 最全面的UML教程
- BERT fine-tune 實踐終極教程
- 使用 DartPad 製作程式碼實踐教程Dart
- Kubernetes 資料儲存:從理論到實踐的全面指南
- 《Django入門與實踐教程》完整版Django
- 教程:Apache Spark SQL入門及實踐指南!ApacheSparkSQL
- Java 斷言 Assert 使用教程與最佳實踐Java
- 【PY】Jupyter Notebook 安裝與配置 實踐教程
- Nestjs最佳實踐教程:2基本資料操作JS
- [Unity] UGUI優化 - 知識點UnityUGUI優化
- UGUI_關卡選項介面UGUI
- UGUI原始碼解析(Toggle和ToggleGroup)UGUI原始碼
- 全面的Docker快速入門教程Docker
- 運維初級實踐——Linux系統命令教程運維Linux
- Pytorch DistributedDataParallel(DDP)教程二:快速入門實踐篇PyTorchParallel
- 通義靈碼實踐教程——單元測試
- Nestjs最佳實踐教程:1編碼環境搭建JS
- 重磅更新!Mall電商實戰教程全面升級,瞬間高大上了!
- 使用Shader進行UGUI的優化UGUI優化
- 全網最詳細4W字Flink全面解析與實踐(下)
- 10張圖全面細緻解密阿里資料中臺建設原理、實踐解密阿里
- Spring Security系列之極速入門與實踐教程Spring
- 華科python與人工智慧實踐(公選)教程Python人工智慧
- 基於Github Actions + Docker + Git 的DevOps方案實踐教程GithubDockerdev
- Flink 實踐教程-入門(8): 簡單 ETL 作業
- Nestjs最佳實踐教程(七): 批次操作與軟刪除JS