Unity3D - UGUI的手动搭建
了解UGUI組件的搭建方式，有助于搭建我們自己的UI界面。
Text 文本
text 是UGUI中的基本控件，在Hierarchyi面板創建一個空物體 - 給這個空物體添加一個Text組件即可實現與text空間相同的功能。
Image 圖像
Image 是UGUI中的基本控件，在Hierarchyi面板創建一個空物體 - 給這個空物體添加一個Image組件即可實現與Image控件相同的功能。
Raw Image 原始圖片
? Raw Image 和 Image基本相同，
功能上Raw Image比Image少了image Type功能，Raw Image可以添加所有類型的圖片 而Image只能添加Spritie（精靈）類型的圖片；
性能上由于Raw Image比Image的功能少，Raw Image的性能比Image 的性能要好，Raw Image主要用于做一些不需要在游戲運行中不需要改動的圖片，例如 背景圖片。
Button 按鈕
? Button中的組件：Image組件，Button組件，Text組件（非必需）。
搭建方式：
1.在Canvas下創建一個空物體（改名為Button）
2.給這個Button添加一個Image組件和一個Button組件
3.在創建一個空物體作為Button的子物體（改名為Text）
4.給Text添加一個Text組件，即完成了控件Button的搭建。
Toggle 開關
? Toggle中的組件：Toggle組件，兩個Image組件,Text組件
搭建方式：
1.在Canvas創建一個空物體（改名為Toggle）
2.給Toggle添加一個Toggle組件
?
3.添加一個Image控件作為Toggle的子物體，用于做開關的背景（將該控件改名為Background）
4.添加一個Image控件作為Background的子物體，用于做開關的前景（將該空間改名為Checkmark）??
5.創建一個空物體作為Toggle的子物體（改名為Label）
6.給Label添加一個Image組件或添加一個Text組件（注意：Image組件、Text組件、Raw Image組件不能同時存在于一個物體上）
7.點擊物體Toggle，找到它上面的Toggle組件，將Background拖拽到TargetGraphic屬性上，在將Checkmark拖拽到Graphic屬性上
8.最后將每個物體調整到合適大小，即完成了控件Toggle的搭建
Slider 滑竿
? Slider中的組件：Slider組件，三個Image組件
搭建方式：
1.在Hierarchy面板創建一個空物體（改名為Slider）
2.給Slider添加一個Slider組件
3.添加三個Imge控件作為Slider的子物體（分別改名為Background、Fill、Handle）
4.給每個子物體添加圖片，并調整到合適的大小
5.點擊物體Slider，找到它上面的Slider組件，將Background拖拽到Target Graphic屬性上 作為Handle未經過的區域，將Fill拖拽到Fill Tect屬性上作為Handle經過的區域，將Handel拖拽到Handel Reck屬性上作為拖動點。
6.調整各個物體的大小即可完成Slider的創建。
注意：
調整圖片時Slider組件的Value值需為1，Handle需在滑竿右邊。
若果實現功能時圖片位置異常，可能是Background和Fill的位置放反了。
Scrollbar 滾動工具
? Scrollbar中的組件：Scrollbat組件、兩個Image組件
搭建方式：
1.在Canvas下創建一個空物體（改名為Scrollbar）
2.給Scrollbar添加一個Scrollbar組件和一個Image組件
3.添加一個Iamge控件作為Scrollbar的子物體（改名為Handle）
4.點擊物體Scrollbar，找到Scrollbar組件，將Handle拖拽到Target Graphic的位置和Handle Rect的位置
5.調整各個物體到合適大小即可完成Scrollbat的搭建
注意：搭建時和Slider不同，創建滑塊的位置時value值要為0，若為1則滑動條右側會有空隙。
Dropdowm 下拉菜單
?
Input Field 輸入框
? Input Fild中的組件:Input Fild組件、Image組件、兩個Text組件
搭建方式：
1.在Canvas下創建一個空物體（改名為InputField）
2.給InputField添加一個InputField組件和一個Image組件
3.添加兩個Text控件作為InputField的子物體（分別改名為Text、Placeholder）
4.點擊物體InputField，找到InputField組件，Target Graphic一般會默認添加它自身，將Text拖拽到Text Component的位置 用于顯示用戶輸入的文本，將Placeholder拖拽到Placeholder的位置 用于顯示提示信息（提示用戶輸入的內容）。
5.調整各個物體到合適大小即可完成Input Dield的搭建
Canvas 畫布
?
Panel 面板
?
Scroll View 滾動視圖
? Scroll View 中的組件:Image組件和Scroll Rect組件、Image組件和Mask組件、
搭建方式：
1.在Canvas下創建一個空物體（改名為ScrollView）
2.給ScrollView添加一個ScrollRect組件和一個Image，Image可添加圖片做背景。
3.創建一個空物體作為ScrillView的子物體（改名為viewport），該物體的大小為可見范圍，若需要顯示的內容超出了這個范圍那么超出的部分會被隱藏。
4.給viewport添加一個Mask組件和一個Image組件，（Mask中的Show Mask Graphic默認是勾選的 意思是顯示viewport的背景圖片，如取消勾選 則viewport中背景圖片將不可見）
5.創建一個空物體作為viewport的子物體（改名為Content），若Content的范圍大于viewport的范圍，那么覆蓋部分可以在游戲運行過程中拖拽顯示，也可以將要顯示的內容作為Content的子物體，但是該子物體需要在Content范圍內。
6.點擊ScrollView找到Scroll Rect組件，將Viewport拖拽到Viweport的位置，將Content拖拽到Content的位置。
7.調整各個物體到合適大小即可完成ScrollView的搭建
Event System 事件系統
?
在自己搭建UI界面時最好先創建一個UGUI提供的控件，然后把控件刪除保留Canvas和EventSystem
轉載于:https://www.cnblogs.com/kao-la-bao-bei/p/7794909.html
總結
以上是生活随笔為你收集整理的Unity3D - UGUI的手动搭建的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： XmlHttpRequest 对象详解
- 下一篇： unity3d___UGui中如何创建l