天天看點

UGUI系列——RectTransform之錨點及軸心點基礎概念

UGUI系列其他博文,可通過導航帖檢視

一、概念

RectTransform是繼承自Transform的元件,專門用于UI,除了顯示在表面的一些基礎屬性,實際内部還有很多隐藏屬性未顯示在面闆上,主要用于對UI做些基礎操作

二、基礎概念

1.Rect

操作UI有專門的操作模式 Rect Tool

UGUI系列——RectTransform之錨點及軸心點基礎概念

就算我們隐藏了image,在RectTool模式下,還是可以看見UI的Rect,如下圖紅框内

UGUI系列——RectTransform之錨點及軸心點基礎概念

2.軸心點(Pivot)

就是下圖中間的這個藍圈

UGUI系列——RectTransform之錨點及軸心點基礎概念

它表示目前的這個圖的軸心點所在位置

3.錨點(Anchors)

在UI上,四個三角形組成的像風車一樣的圖示,就是錨點

UGUI系列——RectTransform之錨點及軸心點基礎概念

它分成四個,每個和一個Rect的頂點相對應

UGUI系列——RectTransform之錨點及軸心點基礎概念

如上圖,因為四個錨點在螢幕的四角,是以這個image會随着螢幕進行縮放

三、用法

點選下圖紅框内部分,就會出現錨點對齊方式的選擇界面

UGUI系列——RectTransform之錨點及軸心點基礎概念

它代表的是,目前UI針對于父物體的對齊方式

隻在上圖中進行選擇 :操作的是錨點

按下Shift選擇 :同時設定Pivot

按下Alt選擇 : 會同時修改目前UI的位置,界面都有提示,自己試一試就知道了

我會在我的公衆号上推送新的博文,也可以幫大家解答問題

微信公衆号 Andy and Unity 搜尋名稱或掃描二維碼

UGUI系列——RectTransform之錨點及軸心點基礎概念

希望我們能共同成長,共同進步