当前位置:   article > 正文

UE4 UI实现环形进度条效果_ue4圆形进度条

ue4圆形进度条

实现步骤:

1.制作材质

在这里插入图片描述
2.创建材质实例
BGColor:改变背景颜色
ExtenalDensity:改变外圆边缘硬度(值越大越清晰,反之模糊)
InternalDensity:改变内圆边缘硬度
percent:控制进度条百分比
StartAngle:控制起点位置(0.25=90°)

在这里插入图片描述
3.创建UMG蓝图

(1)拖入一个Image组件然后把材质实例指进去


(2)新建代理并增加一个参数用于传值


(3)新建一个1秒的UI动画并添加动画事件

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
(4)在Construct事件里绑定代理

在这里插入图片描述
4.最终效果
在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/629030
推荐阅读
相关标签
  

闽ICP备14008679号