UE5-UI-进度条动画

1 创建User Widget(控件蓝图)
命名为WBP_ActionBar

2 加入CanvasPanel(画布面板)
加入ProgressBar(进度条)
image

3 在details(细节)中设为变量,调整ProgressBar位置

4 创建进度条满时的动画
+动画,+进度条,根据时间轴调整Fill Color and Opacity

5 在details(细节)中,Fill Color and Opacity绑定函数getpercent

6 getpercent函数:
getpercent->cast to (你的目的角色)->return node
cast to (你的目的角色)-as (你的目的角色) -> get(你的目的角色的目的属性) ->return node-return value

7 增加事件图表
event tick->as to (你的目的角色)->branch(true)->branch(flase)->->play animation
第一个branch(false)->stop animation ->set Fill Color and Opacity
判断条件为进度条满时:as to (你的目的角色)-as (你的目的角色) -> get(你的目的角色的目的属性)>=100.0
第二个branch判断条件为is animation playing

posted on 2025-09-28 16:47  Ctrl+C人生  阅读(34)  评论(0)    收藏  举报