1. 程式人生 > >Unity之UGUI系統進階

Unity之UGUI系統進階

                                                             UGUI系統進階

一:RectTransform 元件介紹

1.元件基礎介紹
Transform 元件是所有的遊戲物體必備的一個元件,且不可刪除,不可隱藏。
就算是一個空物體,也是具備 Transform 元件的。
Unity 官方在推出 UGUI 系統後,針對 UI 遊戲物體,建立了一個新的基礎元件:
RectTransform,這個元件是基於 Transform 元件的。


2.元件組成部分
RectTransform 元件由兩部分組成:
①元件基礎部分:類似於 Transform,控制遊戲物體基本屬性。
②Anchors 錨點部分:UGUI 特有屬性,用於實現 UI 遊戲物體錨點定位。

二.RectTransform 基本屬性

①.位置屬性
Pos X,Pos Y,Pos Z 三個屬性等同於 Transform 元件的 Position;
都是用於表示遊戲物體在三維空間內的位置資訊的。

②.旋轉屬性
Rotation 屬性等同於 Transform 元件的 Rotation;用於表示物體的旋轉。

③.縮放屬性
Scale 屬性等同於 Transform 元件的 Scale;用於表示物體的縮放比例。

④.寬高屬性
Width,Height 屬性用於表示 UI 遊戲物體的寬和高。

⑤.中心點屬性
Pivot 屬性用於表示 UI 遊戲物體的中心點。中心點在 Scene 介面表現為一個
“空心的藍色圓環”。

關於中心點有一個小知識點【見圖】 

UI 遊戲物體的中心點的作用和 3D 模型的中心點的作用是一樣的,當我們改變一個遊戲物體的位置的時候,都是相對於該物體的中心點進行移動的。 

Pivot 屬性的 X,Y 兩個值的取值範圍效果[見圖]。


當我們改變了 UI 遊戲物體的 Pivot 屬性後,UI 遊戲物體的 Pos 屬性也會跟隨
發生改變。

簡單案例測試:

1.建立一個Image

2.將它的Pivot的屬性值修改成(0,0),然後將它的位置屬性的值也更改為(0,0,0)觀察藍色小圓圈的變化

三:Anchors錨點九宮定位 
1.面板介紹
Anchor Presets:錨點預設(設定)面板;通過該面板設定遊戲物體的定位錨點。
該面板上的功能按鈕一共分三類:
①九宮定位按鈕 [九個] ②彈性定位按鈕 [七個] ③輔助操作按鈕 [八個]
[通過圖片介紹功能佈局]

關於九宮定位面板有一個快捷鍵,彈出面板後按住鍵盤上的Art鍵可以很方便的切換功能佈局 

簡單案例製作:

1.建立四個Image分別命名為Up、Down、Left、Right

2.通過九宮定位面板將這四張圖片分別定位到Canvas的上、下、左、右

 

此文章只是為了記錄一下學習筆記,如有不足還望多多指點!