====================================================
1.AnchorPresets 面板
1.面板介紹
Anchor Presets:錨點預設(設置)面板;通過該面板設置游戲物體的定位錨點。
該面板上的功能按鈕一共分三類:
①九宮定位按鈕 [九個] ②彈性定位按鈕 [七個] ③輔助操作按鈕 [八個]
[通過圖片介紹功能布局]
--------------------------------------------------------------------------------------------------------------------------------
2.三個圖標
UI 尺寸調節圖標:UI 游戲物體的四個角上的藍色圓圈。
UI 中心點圖標:藍色空心圓環,默認在 UI 游戲物體的中心。
錨點定位圖標:四個白色空心三角形,默認四個三角形頂點相對
====================================================
2.九宮定位
1.九宮定位介紹
九宮定位就是把 UI 游戲物體按九宮布局的方式進行定位,設置完畢九宮定位后,
無論屏幕尺寸比例如何改變,UI 游戲物體的位置永遠在九宮位置。
--------------------------------------------------------------------------------------------------------------------------------
2.九宮定位演示
創建九個圖片,然后按九宮的位置分別定位。[操作演示]
AnchorPresets 面板操作時,按住Alt+Shift+鼠標左鍵 可以快速將UI組件移動到錨點位置,同時將RectTransform歸零
--------------------------------------------------------------------------------------------------------------------------------
3.細節注意事項
①每一個 UI 游戲物體都有自己獨立的一個錨點;
②子物體的錨點位置是相對於父物體而言的;
③游戲物體的中心點和錨點之間的位置偏移,其實就是一個笛卡爾二維坐標系。
====================================================
1.相對於父物體定位
1.基礎介紹
每一個 UI 游戲物體的錨點定位,都是相對於它的父物體而言的。[見上圖]
UI 界面的制作原則是由外到內,由大到小。
----------------------------------
2.相對於 Panel 定位
UI 游戲物體中的 Panel 是使用的彈性定位,和 Canvas 保持大小一致。
一般情況下,游戲 UI 不會直接放到 Canvas 的下面,而是先在 Canvas 下面
使用 Panel 划分出不同的功能面板,比如:背包,副本,商城......
然后在對應的面板上完成具體的 UI 功能布局和功能實現,這樣我們才可以靈活
的控制某個功能面板的顯示與隱藏。
====================================================
1.彈性定位介紹
彈性定位是相對於九宮定位而言的,九宮定位是相對於一個錨點進行定位;
而彈性定位是相對於兩個錨點進行定位。
而且當我們使用彈性定位的時候,RectTransform 上的控制屬性會發生相應
的改變(x 位置,y 位置,寬,高)。
----------------------------------
2.彈性定位演示
====================================================
1.Anchors 屬性
1.基礎介紹
RectTransform 面板上有一組 Anchors 屬性,該屬性位置有四個控制項,
分別對應 x 軸和 y 軸的最大值最小值。[簡單演示]
通過這個位置的屬性配合 Anchors 錨點設置面板,可以讓錨點定位效果變的更
豐富和細致。當我們點擊了不同的定位功能按鈕后,該區域的值都會自動改變。
[面板原理分析]
其實該區域的四個值對應的就是錨點上四個空心三角形的位置。