uGUI練習(一) Anchor


一、練習步驟

如果用過NGUI的Anchor,我們知道在2.x的版本有UIAnchor組件(下圖左),3.x版本中,每個UIWidget有自帶的Anchors(下圖右)

imageimage

而uGUI的Anchor用起來也一樣很直觀,簡單易使用。

1、創建一個新場景,我們創建一個UI/Button

image——>image——>image

2、創建完成后,觀察Scene中的情況

image

3、Inspector截圖,注意圖中框選的部分,對於Anchor很有用。

image

4、在Scene里拖動Button(注意:拖動淺白色圓圈image,而不是image)

image

image

通過上面的拖動觀察,我們可以得到,它是先Anchor在中心(0,0,0),然后根據你的拖動而做偏移。

5、在Inspect屬性面板中,點擊Rect Transform的圖標image,彈出如下選項

image

下面我們解釋一下這些圖形的意思(按住 Alt 顯示Position)

image

6、有了上面的概念之后,我們就可以輕松的完成Anchor了,比如我想Anchor在左下角,那我只需要選擇 bottom – left

image

7、選擇完之后,在場景中可以看到,Button已經Anchor在左下角了,同進看到Anchors下的值也發生了改變。

imageimage

8、查看Game視圖,拉伸窗口不管在什么分辨率下,Button都始終固定在左下角

image

二、完成練習

image

三、Anchor效果

imageimage


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM