Unity UGUI軸心點與錨點

2021-09-28 16:07:01 字數 740 閱讀 4141

一、軸心點『 pivot 』:當前image的軸心點所在位置,注意工具欄設定為

二、錨點 『anchors』:在image上由四個三角形組成的像風車一樣的圖示就是錨點。

當四個風車在一起時,面板中屬性為pos x 、pos y、width、height;

當四個風車全部分開時,面板中屬性為left /pos x、posy/ top 、right、bottom。

三、錨點使用總結:

當四個風車在一起時,image不會隨視窗改變而放大縮小;

當四個風車兩兩一起,左右兩邊分開的時候,image不會隨著父節點的高變化而變化,而只會隨著寬的大小變化;

當四個風車兩兩一起,上下兩邊分開的時候,image不會隨著父節點的寬變化而變化,而只會隨著高的大小變化;

當四個風車全分開的時候,父節點物體大小的改變總是會影響到這個image。

四、專案中使用:icon不會隨解析度變化而放大縮小。

定位與錨點

只能用定位來實現層疊的效果 absolute預設為瀏覽器視窗 position static absolute relative fixed inherit 1.static 預設定位方式 2.absolute 絕對定位,將物件從文件流中完全脫離出來,使用left right top bottom進...

關於Layer與錨點

ccnode的anchorpoint被預設設定在 0,0 位置 ccscene的anchorpoint被預設設定在 0.5,0.5 的位置 cclayer的anchorpoint被預設設定在 0.5,0.5 位置 ccsprite的anchorpoint被預設設定在 0.5,0.5 的位置 說明 c...

AngularJs中錨點的使用,及錨點偏移量設定

angularjs中關於錨點的使用,及錨點偏移量設定 有很多人在使用ng view時都用到了 號做route,所以如果在頁面上需要用到錨點的時候就會比較頭疼了。這個時候可以使用ng的anchorscroll。使用了ng的anchorscroll後確實可以達到錨點跳轉的作用了,但是問題又來了,我如果頁...