2.3.1核心組件RectTransform
在UGUI的每一個UI工具里都會有一個Rect Transform組件,這個組件是用來設置UI工具在UI里的位置(如圖3-5Rect
Transform組件界面)。
1.位置和寬高屬性功能
Pos X、Pos Y、Pos Z代表該UI工具的X、Y、Z軸坐標。可以通過改變X/Y/Z的坐標來修改UI工具的位置信息。
Width和Height是表示該UI工具的寬度和高。可以通過修改該屬性來調整UI工具的寬度和高度。
2.Anchors(錨點)屬性功能
在Rect Transform組件下有一個Anchors(錨點)屬性。任何子物體的默認錨點都是以其父物體為基準,新建UI工具的默認位置是其父物體中心。例如:在Canvas下新建一個Button(按鈕)UI工具,在屬性面板里點擊錨點圖標會出現可視化編輯錨點界面(如圖3-6Anchors(錨點)界面),在場景視圖里會看到錨點在Canvas的中心。
? ? ? 在Anchors屬性里對X軸和Y軸可以設定最小值(最小值為0)和最大值(最大值為1),當選擇了Anchors位置為左上角時會看到Anchors屬性里X軸和Y軸的變化(X軸為最小值0,Y軸為最大值1,如圖:3-7 Anchors坐標)。
3.Pivot屬性功能
Pivot是指中心點。默認在UI工具的中心,即XY的坐標為(0.5,0.5)。UI工具的Pivot坐標排布規律是左下角到右上角的坐標位置分別是從(0,0)到(1,1)。如圖:
4.Rotation屬性功能
Rotation具有旋轉屬性,可分別設置X軸、Y軸、Z軸來對UI進行旋轉。新建的UI工具默認的Rotation值都為0;例如要將一個Button(按鈕)的Z軸旋轉一個角度,在Scene視圖就可以看到UI工具的變化(如圖:3-8旋轉Button的Z軸)。
5.Scale屬性功能
Scale具有放縮功能,可分別設置X軸、Y軸、Z軸來對UI進行縮放。新建的UI工具默認的Scale值都為1;例如要將一個Button(按鈕)的Y軸放大3倍,在Scene視圖就可以看到Button的變化(如圖:3-9放大Button的Y軸)。
2.3.2Canvas Renderer(畫布渲染)
UGUI下所有的工具只有擁有Canvas
Renderer屬性才可以在Canvas下進行渲染,即顯示在UI窗口中。當一個UI工具顯示在UI中時該組件無法被移除。