【翻譯】Unity官方教學- Rect Transform (UGUI)

2016年1月6日 星期三

【翻譯】Unity官方教學- Rect Transform (UGUI)



翻譯:
Rect Transform被用於所有的UI上,傳統的物件我們會變換對象的角度與位置,Rect Transform是針對對象中心位置的高度與寬度,在顯示中是一個簡單的2D矩形,Z軸作為對象的位置,也可以用來在3D環境下做變化,Rect Transform跟一般的Transform的差別就是錨的概念,如果父子物件都是Rect Transform,那你可以固定子物件的父物件,父UI元素的定位對象基於所指定的位置與大小而去移動、變大變小等等,在某UI底下的子UI一定會定錨在父UI身上

如果要調整Rect Transform請點選左上角的矩形工具或使用快捷鍵"T"
在Rect模式中你可以移動縮放旋轉,可以單擊邊緣拉長短或放大縮小
如果加上Shift則會等比例放大縮小
如果要旋轉則是在角落的點外圍單擊拖動
如果你要調整大小/旋轉你需要知道支點位置,一般單位的預設軸點在正中央,他會顯示一個藍色圈圈,單擊拖曳就可以改變支點位置
而子物件會有一個父物件的錨點,長得像花瓣,是四個三角形,每個三角形對應到矩形的拐角,這四個三角形可以分別拉開,而子物件的Anchors的Min/Max是針對父物件相對位置的


Lza心得:簡單來說Rect Transform跟一般的位置系統差在錨的概念,他可以將一組父子關係的UI定錨,例如父panel子是Button,想讓Button永遠在canvas的中心,就可以定錨後不管怎樣移動或放大縮小panel都不會改變其相對的位置
點擊Center/middle有個瞄準圖案會出現Anchor Presets可以調整錨點位置
而錨點可以很好的配置UI的位置而不用手動拉來拉去還會容易因為螢幕大小改變而使位置產生偏移。

0 意見 :

張貼留言

Popular Posts