【Unity3D日常开发】Unity中实现圆环进度条（unity 进度条）

【Unity3D日常开发】Unity中实现圆环进度条（unity 进度条）

​

一、前言

今天分享一个制作圆形进度条的方法，原教程比较繁琐，这里给精简一下，更适合于新手

先看下效果吧

二、原文链接

原文作者：tab_space

三、正文

步骤：

1、先制作素材

准备一张圆形的图片，中间掏空，保存为png格式

2、设置属性

新建一个image

将图片拖进去

Image Type改为Filled

设置一下

Fill Method ->Radial 360

Fill Origin ->Top

Fill Amount-> 1

Clockwise ->False

新建一个text

位置拖到图片中间

OK 前期工作都准备好了 只需要更改图片的 Fill Amount值就可以实现圆形进度条，有兴趣的同学 可以先拖一下看看效果

3、代码控制

新建脚本RingProcess.cs

using UnityEngine;using UnityEngine.UI;public class RingProcess : MonoBehaviour{ //进度条速度 public float speed; //一个图片一个文字 public Transform m_Image; public Transform m_Text; //进度控制 public int targetProcess = 100; private float currentAmout = 0; void Update() { if (currentAmout < targetProcess) { currentAmout += speed; if (currentAmout > targetProcess) currentAmout = targetProcess; m_Text.GetComponent().text = ((int)currentAmout).ToString() + "%"; m_Image.GetComponent().fillAmount = currentAmout / 100.0f; } }}

4、设置参数

将脚本拖到任意物体上面

设置参数

OK ，看看效果吧

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。