注意：考慮到UGUI的內容比較多，我將UGUI的內容分開，并全部整合放在【unity游戲開發介紹之UGUI篇】專欄里，感興趣的小伙伴可以前往逐一查看學習。

前言

1、UI系統的重要性

UI是游戲中最重要的組成部分之一，無論是2D還是3D游戲，絕大多數游戲功能都與UI相關，UI開發是游戲開發中的核心技能，貫穿整個開發周期。良好的UI系統設計對游戲體驗至關重要。

Unity的UI系統提供了多種解決方案，主要包括IMGUI（GUI）、NGUI、UGUI(Unity UI)、FGUI以及最新推出的UIToolkit。目前，UGUI（Unity UI） 仍然是游戲開發中最主流、應用最廣泛的UI方案，因其與Unity引擎深度集成、功能完善且學習曲線平緩。

本專欄將重點探究UGUI的核心功能與實踐技巧，幫助開發者快速掌握游戲UI的開發流程。若對其他UI系統感興趣，可參考官方文檔或社區資源進一步學習。

其他UI系統也各有特點：

• GUI 適合編輯器擴展和快速原型開發。

• NGUI 作為早期第三方插件曾廣泛使用，現已逐漸被UGUI取代。

• FGUI 更適合需要復雜動畫和跨平臺UI的團隊。

• UIToolkit 是Unity新一代UI工具，更適合編輯器工具和運行時UI的混合開發場景。

2、UGUI概述

2.1 基本定義

• 官方名稱：Unity UI
• Unity引擎內置的UI系統
• 基于GameObject的UI解決方案
• 專為游戲內UI設計，不能用于編輯器擴展開發
• 是目前Unity 商業游戲開發中使用最廣泛的UI系統開發解決方案

2.2 UGUI發展歷史

1. Unity4.6之前：

   • 官方僅提供基礎的GUI系統用于游戲UI的開發
   • 民間大佬開發的第三方插件NGUI因為更為高級和方便，成為主流解決方案，但是需要付費購買。

2. Unity4.6版本：

   • Unity官方招募NGUI作者加入團隊
   • 協助Unity開發出UGUI系統

3. Unity5時代：

   • 由于UGUI剛推出后功能不夠完善，所以經歷了較長的過渡期。
   • 到Unity5時代UGUI功能逐漸完善，開始全面普及成為行業標準

3、學習UGUI的必要性

• 至今哪怕是現在新推出的unity6，UGUI仍是Unity游戲開發中最流行的UI解決方案
• 被絕大多數商業游戲公司采用
• Unity官方持續維護更新
• 掌握UGUI是Unity開發者必備的核心技能

4、UGUI核心優勢

1. 完全集成于Unity編輯器中
2. 基于Canvas的渲染系統
3. 支持多分辨率自適應
4. 提供豐富的內置UI組件
5. 強大的事件系統
6. 與Unity其他系統無縫集成

一、如何在unity中使用UGUI

直接在Hierarchy窗口中右鍵，選擇UI。UI中所有內容都是UGU相關控件

我們隨便創建一個UGU控件，比如我這里添加一個Image（圖像）。

會發現unity自動為我們添加了兩個對象——Canvas畫布和EventSystem事件系統對象，且UGU控件作為Canvas畫布對象的子集。我們也可以先主動創建Canvas畫布和EventSystem事件系統對象，再在Canvas下創建UI控件。

二、UGUI基礎組件

1、Canvas對象上依附的組件

• RectTransform：Ul對象位置錨點控制組件，主要用于控制位置和對其方式
• Canvas：畫布組件，主要用于渲染UI控件
• Canvas Scaler：畫布分辨率自適應組件，主要用于分辨率自適應
• Graphic Raycaster：射線事件交互組件，主要用于控制射線響應相關

2、EventSystem對象上依附的組件

EventSystem和Input System UI Input Module：玩家輸入事件響應系統和獨立輸入模塊組件，主要用于監聽玩家操作。

注意：值得注意的是，如果你使用的是低版本的unity或者沒有使用unity的新輸入系統inputsystem，可能找不到Input System UI Input Module組件，取而代之的是Standalone Input Module組件。具體可以參考：【unity游戲開發之InputSystem——07】InputSystem+UGUI配合使用

三、2D視圖和矩形工具

切換場景為2D視圖，多使用矩形工具，可以很方便我們進行UI的編輯開發。

四、UGUI的源碼

UGUI的源碼我們是可以查看的，隨著自己的能力提升，以后可以深入去了解一下它的一些邏輯實現。

1、方法一 安裝目錄查看

Unity安裝目錄下\Editor\Data\Resources\PackageManager\BuiltlnPackages\com.unity.ugui比如我們就在D:\UnityHub\Unity\Editor\6000.0.42f1\Editor\Data\Resources\PackageManager\BuiltInPackages\com.unity.ugui

2、方法二 直接在unity的項目工程中查看

這里的unity UI其實就是

我們可以右鍵在資源管理器中顯示查看

---

專欄推薦

地址
【零基礎入門unity游戲開發——C#篇】
【零基礎入門unity游戲開發——unity通用篇】
【零基礎入門unity游戲開發——unity3D篇】
【零基礎入門unity游戲開發——unity2D篇】
【制作100個Unity游戲】
【推薦100個unity插件】
【實現100個unity特效】
【unity框架/工具集開發】
【unity框架/工具集開發】
【unity游戲開發介紹之InputSystem篇】
【unity游戲開發介紹之動畫篇】
【unity游戲開發介紹之UGUI篇】

完結

好了，我是向宇，博客地址：https://xiangyu.blog.csdn.net，如果學習過程中遇到任何問題，也歡迎你評論私信找我。

贈人玫瑰，手有余香！如果文章內容對你有所幫助，請不要吝嗇你的點贊評論和關注，你的每一次支持都是我不斷創作的最大動力。當然如果你發現了文章中存在錯誤或者有更好的解決方法，也歡迎評論私信告訴我哦！