2.3.1核心組件RectTransform

在UGUI的每一個UI工具里都會有一個Rect Transform組件，這個組件是用來設(shè)置UI工具在UI里的位置（如圖3-5Rect

Transform組件界面）。

圖3-5Rect Transform組件界面

1.位置和寬高屬性功能

Pos X、Pos Y、Pos Z代表該UI工具的X、Y、Z軸坐標(biāo)?？梢酝ㄟ^改變X/Y/Z的坐標(biāo)來修改UI工具的位置信息。

Width和Height是表示該UI工具的寬度和高?？梢酝ㄟ^修改該屬性來調(diào)整UI工具的寬度和高度。

2.Anchors（錨點(diǎn)）屬性功能

在Rect Transform組件下有一個Anchors（錨點(diǎn)）屬性。任何子物體的默認(rèn)錨點(diǎn)都是以其父物體為基準(zhǔn)，新建UI工具的默認(rèn)位置是其父物體中心。例如：在Canvas下新建一個Button（按鈕）UI工具，在屬性面板里點(diǎn)擊錨點(diǎn)圖標(biāo)會出現(xiàn)可視化編輯錨點(diǎn)界面（如圖3-6Anchors（錨點(diǎn)）界面），在場景視圖里會看到錨點(diǎn)在Canvas的中心。

? ? ? ? ? ? ? ? ?圖3-6Anchors（錨點(diǎn)）界面

? ? ? 在Anchors屬性里對X軸和Y軸可以設(shè)定最小值（最小值為0）和最大值（最大值為1），當(dāng)選擇了Anchors位置為左上角時(shí)會看到Anchors屬性里X軸和Y軸的變化（X軸為最小值0，Y軸為最大值1，如圖：3-7 Anchors坐標(biāo)）。

圖3-7 Anchors坐標(biāo)

3.Pivot屬性功能

Pivot是指中心點(diǎn)。默認(rèn)在UI工具的中心，即XY的坐標(biāo)為（0.5,0.5）。UI工具的Pivot坐標(biāo)排布規(guī)律是左下角到右上角的坐標(biāo)位置分別是從（0,0）到（1,1）。如圖：

4.Rotation屬性功能

Rotation具有旋轉(zhuǎn)屬性，可分別設(shè)置X軸、Y軸、Z軸來對UI進(jìn)行旋轉(zhuǎn)。新建的UI工具默認(rèn)的Rotation值都為0；例如要將一個Button（按鈕）的Z軸旋轉(zhuǎn)一個角度，在Scene視圖就可以看到UI工具的變化（如圖：3-8旋轉(zhuǎn)Button的Z軸）。

圖：3-8旋轉(zhuǎn)Button的Z軸

5.Scale屬性功能

Scale具有放縮功能，可分別設(shè)置X軸、Y軸、Z軸來對UI進(jìn)行縮放。新建的UI工具默認(rèn)的Scale值都為1；例如要將一個Button（按鈕）的Y軸放大3倍，在Scene視圖就可以看到Button的變化（如圖：3-9放大Button的Y軸）。

圖：3-9放大Button的Y軸

2.3.2Canvas Renderer（畫布渲染）

UGUI下所有的工具只有擁有Canvas

Renderer屬性才可以在Canvas下進(jìn)行渲染，即顯示在UI窗口中。當(dāng)一個UI工具顯示在UI中時(shí)該組件無法被移除。