[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。