基本布局_Unity3d 開發技術:http://blog.csdn.net/ios_song/article/details/52181858
??我們來學習如何相對 Canvas 和其他元素來布局我們的 UI。我們可以先創建一個 Image 用來測驗,在 GameObject 選單中選擇 UI -> Image 來創建。
Rect 工具
??每個 UI 元素都會用一個矩形表示,這樣方便布局。在工具列中選擇 Rect 工具之后,我們就能在 Scene 視圖中操作這個矩形。Rect 工具既能用于 Unity 中的 2D 物體和 UI 系統,對 3D 物體也同樣能夠使用。
選擇工具列中的 Rect 工具
??Rect 工具能夠移動、縮放、旋轉 UI 元素。一旦選擇了一個 UI 元素,我們就可以點擊矩形內任意位置進行拖拽,來移動 UI 元素。我們也可以點擊并拖動矩形的邊界或者四個角,來調整元素的大小。把滑鼠停留在稍微遠離矩形的四個角的位置,滑鼠游標會變成一個旋轉的圖示,然后我們可以單擊并拖拽,進行任意方向上的旋轉。
??和其他工具一樣,Rect 工具需要使用當前元素的中心點和區域坐標,我們需要在工具列中進行設定。當我們需要對 UI 進行操作時,最好先設定成 Pivot 和 Local。
在工具列中設定 Pivot 和 Local
RectTransform 組件
??RectTransform 是一個新的 Transform 組件,它用于所有的 UI 元素,和常規的 Transform 組件不一樣。
RectTransform 組件
??RectTransform 擁有常規 Transform 中的 Position、Rotation 和 Scale 屬性,也擁有一個 Width 和 Height 屬性,用于確定矩形的大小。
1、調整尺寸或比例
??當我們使用 Rect 工具改變物件大小時,對于 2D 精靈和 3D 物件來說,會改變物件的 LocalScale,但是當它用于一個 RectTransform 物件時,會直接改變寬度和高度,保持 LocalScale 不變。這樣就不會影響字體大小、Sliced 圖片的邊界等。
2、Pivot - 樞軸點
??Pivot 的位置會影響旋轉、大小調整和縮放的效果。當我們在工具列中設定為了 Pivot 模式時,就可以在 Scene 視圖中移動 RectTransform 的 Pivot。
繞 Pivot 旋轉
3、Anchors - 錨點
??RectTransform 引入了錨點這個布局概念。錨點在 Scene 視圖中顯示為四個小三角形手柄,并且錨點的資訊會在 Inspector 視圖中顯示。
??如果 RectTransform 的父物件也是一個 RectTransform,子物件可以以各種方式錨定到父物件。例如,將子物件錨定到父物件的中心,或者某個角。
UI 元素的錨點設定在父物件的中心之后,該元素距離中心保持固定的偏移量
UI 元素錨定到父物件的右下角,該元素距離父物件的右下角保持固定的偏移量
??錨定了之后,子物件也可以隨著父物件寬高的變化一起伸縮。矩形的每個角到對應的錨點都有固定偏移量,也就是說,矩形的左上角到左上方錨點的偏移量是固定的。這樣,矩形的不同角就能夠錨定在父矩形中的不同點。
這個老師的的課程非常贊,如果想要從頭學習Unity開發人,強烈要求大家觀看老師在CSDN的視頻和博客!http://my.csdn.net/ios_song
uj5u.com熱心網友回復:
感謝分享,話說NGUI和UGUI哪個更好一點?轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/67550.html
標籤:Unity3D
