Unreal入门，UMG01，开始

摘要：创建一个Widget蓝图，然后添加两个控件，然后将Widget蓝图添加到Viewport

1. 准备一张地图，Empty Level就行了

2. 添加一个Widget Blueprint

开始界面看起来只有两个元素，文字和按钮，这里先添加文字Hello 2024!，拖一个文本试试

继续拖放按钮遇到一个“大麻烦”，怎么都拖不进去了（嫌官方教程太罗嗦擅自跳过结果吃瘪）

这里需要一个Canvas Panel作为根节点，现在可以随便拖放了

改下文本内容，改下字体大小

按钮整上文字（按钮和按钮上的文字是两个控件，要显示文字需要单独拖放一个Text控件作为子控件）

将按钮文字调大之后直接“质壁分离”了

还能抢救一下，Size To Content

3. 运行一下，呃，还不能，还需要打开关卡蓝图加点料

将刚才的Widget添加到关卡蓝图

连完线差不多长这样

运行！

4. 布局，设置居中效果（虽然手动调整坐标设置居中也是可行的，但总感觉不太优雅，这里借用一下Vertical Box来实现）

拖放一个Vertical Box作为中间层，将刚才的文本和按钮都拖到它下面作为子控件

调整锚点

调整偏移

【Hello 2024!】文本调整

运行！

换一种可调整窗口的运行方式

运行！

参考

• 引擎版本为5.3.2
• UMG：虚幻示意图形界面设计器（Unreal Motion Graphics UI Designer）
• UMG UI设计器快速入门：https://docs.unrealengine.com/5.3/zh-CN/umg-ui-designer-quick-start-guide-in-unreal-engine/