UE5.4——搭建Loading界面

733 阅读1分钟

搭建Loading界面

image.png

UI界面搭建

在内容浏览器中右键,创建一个用户界面-控件蓝图

添加画布面板,图像背景

添加文本控件,锚点调整为正中心,“加载中,请稍后...”

调整字体大小,轮廓,颜色

添加进度条控件,锚点设置为正中心。设置样式-背景

调整进度条控件大小(背景图像发生变形,将样式-边缘设置为0)

设置样式-填充图图像,将填充图边缘设置为0

image.png

(进度条颜色不是填充图像)在“填充图颜色和不透明度”修改进度条默认颜色为白色

image.png

绑定进度条的值

在“百分比值”处选择“创建绑定”

添加浮点数变量,连接在蓝图上(获取)

image.png

在事件图表中添加自定义事件-命名为Loading(小于1时,实时更新进度条的值)

image.png

获取变量,判断值是否小于1

image.png

image.png

设置分支

image.png

image.png

判断为真时执行“loading”

image.png

image.png

当百分数值大于1时,赋值为1

image.png

  • 获取百分数值,加上0.05(运行时进度条加载太快,可以通过修改0.05更小,让进度条加载的更慢)
  • 设置百分数变量
  • 判断是否大于1
  • 设置分支
  • 当百分数值大于1时,将百分数值赋值为1
  • 进度条完成后输出字符串

image.png

image.png

运行

将关卡蓝图中的类名更换为改loading蓝图类

image.png

image.png