[UE4]Canvas Panel


一、Canvas Panel:畫布。Canvas Panel中內的元素可以任何擺放位置。Canvas Panel是UserWiget默認的根節點容器,可以把跟節點刪除替換生成任何的UI元素。

二、選擇Canvas Panel子元素的時候,會出現一個菊花形狀的圖標,這就是錨點。

   

三、當錨點設置為的時候,Position X和 Position Y的值為0

  

四、如果錨點選擇的話,Position X和 Position Y的值就是菊花錨點到元素左上角的之間的距離。

  為什么是左上角呢?因為Alignment是X和Y是0,如果X=0.5,Y=0.5,Position X和 Position Y的值就是菊花錨點到元素中心點的之間的距離。Alignment是X和Y取值范圍是0~1,表示百分比。

  

五、元素到錨點之間的距離永遠不會改變,不會隨着窗口大小的改變而改變。

  

 六、邊緣對齊   

  選擇錨點,如下圖所設置,元素距離底部的距離永遠都是200,而不管窗口如何縮放。

  

七、選擇錨點,就會出現Offset Left、Offset Top、Offset Right、Offset Bottom,如下圖所設置,不管游戲窗口大小如何縮放,元素距離四邊的距離永遠都是100CM(UE4的單位是CM)。

  游戲窗口變大,元素會被放大;游戲窗口縮小,元素就會被縮小;以保證元素距離四邊的距離永遠都是100CM。

  

八、ZOrder可以改變元素在Canvas Panel的前后位置。相當於css中的z-index。

  

 

 

 

 

  

 


免責聲明!

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



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