版权声明：本文为CSDN博主「趁着头发多我想做游戏」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_37658157/article/details/125603119

各位看官在接触UMG之前，推荐先查阅官方文档：

1. 控件类型参考 https://docs.unrealengine.com/4.27/zh-CN/InteractiveExperiences/UMG/UserGuide/WidgetTypeReference/
2. UMG UI设计器快速入门 https://docs.unrealengine.com/4.27/zh-CN/InteractiveExperiences/UMG/QuickStart/
3. UMG界面设计器用户指南 https://docs.unrealengine.com/4.27/zh-CN/InteractiveExperiences/UMG/UserGuide/

【UMG组件的简介与使用】的其他文章导航：
Common 常用组件篇： https://blog.csdn.net/weixin_37658157/article/details/125386345

Canvas Panel 画布面板

最基本的面板组件之一，支持挂载多个子组件，当子组件挂载到Canvas Panel上时，细节面板上会出现Canvas Panel Slot专属的属性（挂载在不同的画布面板时，自身组件的属性也会出现不同的属性，比如Canvas Panel下的子组件可以调节位置、尺寸、渲染顺序(即ZOrder)，而Overlay下的子组件调节的是内边距或者水平垂直对齐）
Canvas Panel 自身一般情况下不需要调节位置或者缩放等属性，如果一定要，则在Render Transform下进行调整。

子物体挂载在Canvas Panel下时会出现Canvas Panel Slot属性栏：

重点说一下几个属性：

1. Anchors 锚点
   锚点的出现是为了解决自适应的问题，为了适配不同的分辨率下的显示，需要根据UI的实际位置和需求设置不同的锚点，详细的教程可以看官方链接：https://docs.unrealengine.com/4.27/zh-CN/InteractiveExperiences/UMG/UserGuide/Anchors/
2. Z Order 渲染顺序
   决定渲染的先后次序，数值越大，越迟被渲染，即显示在最上层。
3. Size To Content 根据内容调整尺寸
   比较常用的功能之一，会根据所有子组件的实际尺寸自动调整当前组件的尺寸。

Grid Panel 网格面板

Horizontal Box 水平框

Vertical Box 垂直框

Overlay 覆层

Safe Zone 安全区

Scale Box 缩放框

Scroll Box 滚动框

Size Box 尺寸框

Uniform Grid Panel 统一网格面板

Widget Switcher 控件切换器

Wrap Box 包裹框