UE4 UI实现环形进度条效果

最新推荐文章于 2024-02-22 21:50:25 发布
最新推荐文章于 2024-02-22 21:50:25 发布
阅读量4.2k 收藏 39
点赞数 10
分类专栏： UE4 UMG
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41410054/article/details/114584009
版权

实现步骤：

1.制作材质

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

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

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


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


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

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

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

Carpe_yj_Diem
关注
  • 10
    点赞
  • 踩
  • 39
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
专栏目录
自定义圆形进度条
08-05
Android 自定义漂亮的圆形进度条，博客地址：http://blog.csdn.net/qq_32519693/article/details/76726525
【UE·材质篇】用材质编辑器制作环形进度条
水鸡的游戏开发学习笔记
08-04 3050
环形进度条是在UI开发中非常常见的功能。用材质编辑器来制作环形进度条的教程网上也有不少，然而这些教程大都讲的不清不楚，有些甚至只是把材质编辑器的连线截图贴了上来，对于其中的节点功能、为什么这么连线都没有讲明白。我作为一个新人看这些教程时觉得很困惑。经过一段时间研究后才弄懂了其中的全部细节。本文就是把我在这过程中学到的内容分享。我会尽量讲清楚每一个细节点，包含CustomRotator、VectorToRadialValue、RadialGradientExponential节点、极坐标变换等。如果只是想知道
在UE5中制作UI环形进度条
最新发布
UE4引擎技术分享
02-22 1180
右键新建材质球，可命名为Circle_M，修改Material Domain为User Interface（用户界面），Blend Mode为Translucent（半透明）但还有一个问题，环形图案的起始位置是右侧，通常应该是上方，需要链接VectorToRadialValue的Vector or UVs参数以进行修改。最后新建一个Widget，创建Image并设置Circle_M材质球即可。在内容面板右键新建材质函数，可以命名为Circle_MF。然后保存该材质函数，进行下一步操作。
UE4 UI扩展插件
03-23
UE4原生的ui编辑功能过于弱小，这个插件可以实现很多常用的UI功能，比如富文本，序列帧动画等等 支持的UE4版本4.16-4.18 最新的4.21测试基本能用。
圆形进度条(弧形刻度)效果
03-17
圆形进度条(弧形刻度)效果有些类似于仪表盘，本项目是在https://github.com/Necat0r/SeekCircle 基础上对圆弧计算稍微做了改动后的项目。本项目需要在android 4.0(api 14)以上版本的系统上运行，编码GBK编译版本4.4.2javaapk提供测试。 
圆环进度条
12-25
圆环进度条，可实现动态更新数据 根据网上的例子改进实现
《UE4游戏开发》之 《资源异步加载进度条处理》
qq_21919621的博客
08-04 1893
以TArray数组作为容器，搜集所有需要异步加载的资源【assetList】 加载进度的总体思路：把数组里的数据，按每次步长分成若干份，每完成一次步长，就更新一次UI，并开始下一步长，依次类推，进度条即可实现； 如何把数组按步长分若干份：这个ue4给TArray提供了一个方法：Append,可以这样写： //assetList搜集需要动态加载的资源 //loadingIndex新一步长开始的索引 //Count:计算从Ptr中插入的元素的数量 TArray<FSoftObjectPath> .
【UE4 】材质功能记录
ttod的博客
11-08 219
【UE4 】材质功能记录
UE4/UE5 材质实现带框环形进度条
c++、UE
12-05 451
大圆减小圆可以得到圆环，大圆环减小圆环，可以得到圆环外围线框。此处使用版本：UE4.27。
UE UMG补充
qq_52825422的博客
07-26 1712
通过该组件可以在同一个地方显示不同UI。可以通过蓝图改变显示的UI。
实现圆环进度条的三种方式 div svg canvas
05-02
实现圆环进度条的三种方式 div svg canvas 可加qq群：179916551 免积分获取，沟通交流
UE4 CanvasUI遮罩
05-30
UE4 CanvasUI遮罩UE4 CanvasUI遮罩UE4 CanvasUI遮罩UE4 CanvasUI遮罩UE4 CanvasUI遮罩UE4 CanvasUI遮罩
UE4 UI制作.docx
09-02
UE4 UI制作
UE4.26插件WebUI
08-11
UE4虚幻引擎与前端Web页面融合的插件，含使用文档说明。
ue4 SlateUI讲解
10-25
ue4 SlateUI讲解。中文教程，内容详细。（凑字数字数）
UE4 通过Echarts实现各种统计图
qq_41410054的博客
03-12 5513
主要内容： 本文主要讲解UE4 UMG向网页发送数据，通过WebBrowser插件将用Echarts定制好的统计图在UE4内展现出来，达到数据可视化的效果。 实现步骤： 1.启用UE4自带的WebBrowser插件
UE4 获取目录下所有的图片转换成Texture2D并通过UMG显示出来
qq_41410054的博客
04-12 5084
主要内容： 本文主要讲解简单插件的编写、将类继承至Subsystem“子系统”框架的好处、鼠标射线检测以及鼠标拖拽功能的实现。 实现步骤： 一、编写插件 1.首先新建一个空的C++项目，然后新建插件，Author是作者名，Description是描述，为什么要编写插件？因为插件方便功能的移植，只需要放在项目的Plugins（没有就自己新建一个）目录下，然后在编辑器内启用就能使用插件的功能 2.创建完插件后会多出一个文件夹，然后就在这个文件夹内新建一个继承自Subsystem框架的类，引擎已经预定义的5个让
ue4实现ui的透视效果
02-23
我可以提供一些建议，但最终的实现取决于你的程序设计。UE4有一个内置的视角矩阵，它可以用来实现透视效果，你可以使用它来实现你想要的效果。另外，你还可以使用UE4的变换管理器来调整变换矩阵，以实现你想要的透视效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值