博客

UE4 UI实现环形进度条效果

  • Post author:
  • Post category:其他




实现步骤：


1.制作材质

在这里插入图片描述


2.创建材质实例


BGColor:改变背景颜色

ExtenalDensity:改变外圆边缘硬度(值越大越清晰，反之模糊)

InternalDensity:改变内圆边缘硬度

percent:控制进度条百分比

StartAngle:控制起点位置(0.25=90°)

在这里插入图片描述


3.创建UMG蓝图

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



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



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

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

(4)在Construct事件里绑定代理

在这里插入图片描述


4.最终效果


在这里插入图片描述


版权声明：本文为qq_41410054原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。