一、前言
今天分享一个UGUI 图片实现进度条动画的方法，配合上资源异步加载，可以作为场景加载动画
下面就先看一下效果：
网络异常，图片无法展示
|
二、资源下载
图片资源：
网络异常，图片无法展示
|
项目资源：
download.csdn.net/download/q7…
三、教程
1、首先设置界面
网络异常，图片无法展示
|
网络异常，图片无法展示
|
2、设置Image的属性
网络异常，图片无法展示
|
主要是为了控制Fill Amount，来实现进度条的进度推进
3、编写代码Loading.cs
using UnityEngine; using UnityEngine.UI; public class Loading : MonoBehaviour { //进度条 image public Image m_Image; //显示的进度文字 100% public Text m_Text; //控制进度 float m_CurProgressValue = 0; float m_ProgressValue = 100; void Update() { if (m_CurProgressValue < m_ProgressValue) { m_CurProgressValue++; } //实时更新进度百分比的文本显示 m_Text.text = m_CurProgressValue + "%"; //实时更新滑动进度图片的fillAmount值 m_Image.GetComponent<Image>().fillAmount = m_CurProgressValue / 100f; if (m_CurProgressValue == 100) { m_Text.text = "OK"; //这一块可以写上场景加载的脚本 } } } 复制代码
4、 拖入插槽中
网络异常，图片无法展示
|
OK，按下Play，去看下效果吧
