一、練習步驟
如果用過NGUI的Anchor,我們知道在2.x的版本有UIAnchor組件(下圖左),3.x版本中,每個UIWidget有自帶的Anchors(下圖右)
而uGUI的Anchor用起來也一樣很直觀,簡單易使用。
1、創建一個新場景,我們創建一個UI/Button
2、創建完成后,觀察Scene中的情況
3、Inspector截圖,注意圖中框選的部分,對於Anchor很有用。
4、在Scene里拖動Button(注意:拖動淺白色圓圈,而不是
)
通過上面的拖動觀察,我們可以得到,它是先Anchor在中心(0,0,0),然后根據你的拖動而做偏移。
5、在Inspect屬性面板中,點擊Rect Transform的圖標,彈出如下選項
下面我們解釋一下這些圖形的意思(按住 Alt 顯示Position)
6、有了上面的概念之后,我們就可以輕松的完成Anchor了,比如我想Anchor在左下角,那我只需要選擇 bottom – left
7、選擇完之后,在場景中可以看到,Button已經Anchor在左下角了,同進看到Anchors下的值也發生了改變。
8、查看Game視圖,拉伸窗口不管在什么分辨率下,Button都始終固定在左下角