【虚幻4】UMG组件的简介与使用（Panel 面板组件篇）

版权声明：本文为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 覆层

光是看这个名称不容易理解组件的功能，实际上Overlay和Canvas的区别只是前者是一个相对布局，采用的是相对于父控件的位置，比如左对齐、居中、右对齐等：

而Canvas是一个绝对布局，都是直接指定子控件的具体横纵坐标。Overlay下挂载的控件会默认使用最佳尺寸，做自适应时会比较方便一点。

Safe Zone 安全区

又是一个比UGUI方便的控件，使用比较简单，一般把锚点设置在四个角以全屏自适应，之后就会自动根据机型来让SafeZone下的控件始终处于安全区下。

Scale Box 缩放框

Scroll Box 滚动框

Size Box 尺寸框

Uniform Grid Panel 统一网格面板

Widget Switcher 控件切换器

Wrap Box 包裹框