UE5-UI-进度条动画
1 创建User Widget(控件蓝图)
命名为WBP_ActionBar
2 加入CanvasPanel(画布面板)
加入ProgressBar(进度条)

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
浙公网安备 33010602011771号