摘要:创建一个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 UI设计器快速入门:https://docs.unrealengine.com/5.3/zh-CN/umg-ui-designer-quick-start-guide-in-unreal-engine/