# 学会 UGUI 之 准备

UGUI 是 Unity 自带的 UI 系统,从官方 Documentation 了解到 UI 系统包括以下部分:Canvas, Basic Layout, Visual Components, Interaction Components, Animation Integration, Auto Layout, Rich Text, UI Reference, UI How Tos, Immediate Mode GUI(IMGUI)。 如图所示:

其中 UI Reference 包括 Rect Transform, Canvas Components (包括 Canvas、Canvas Scaler、Canvas Group、Canvas Renderer), Visual Components【包括 Text、Image、Raw Image、Mask、RextMask2D、UI Effect Components(包括 Shadow、Outline、Position as UV1)】, Interaction Components【包括 Selectable Base Class(包括 Transition Options、Navigation Options)、Button、Toggle、Toggle Group、Slider、Scrollbar、Dropdown、Input Field、Scroll Rect】, Auto Layout(包括 Layout Element、Content Size Fitter、Aspect Ratio Fitter、Horizontal Layout Group、Vertical Layout Group、Grid Layout Group)。 如图所示:

UI How Tos 包括 Resigning UI for Multiple Resolutions、 Making UI elements fit the size of their content、 Creating a World Space UI、 Creating UI elements from scripting、 Creating Screen Transitions。 如图所示:

Immediate Mode GUI(IMGUI) 包括: IMGUI Basics、 Controls、 Customization、 IMGUI Layout Modes、 Extending IMGUI、 GUI Skin (IMGUI System)、 GUI Style (IMGUI System)。如图所示: