【Unity3D】UGUI 图片实现进度条动画
2019-08-30 15:48
4175 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/q764424567/article/details/100159955
一、前言
今天分享一个UGUI 图片实现进度条动画的方法,配合上资源异步加载,可以作为场景加载动画
下面就先看一下效果:
二、资源下载
图片资源:
项目资源:
https://download.csdn.net/download/q764424567/11644403
三、教程
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) 3ff7 { m_Text.text = "OK"; //这一块可以写上场景加载的脚本 } } }
4、 拖入插槽中
OK,按下Play,去看下效果吧
相关文章推荐
- unity3d——iGUI实现图片动画
- HTML5+javascript实现图片加载进度动画效果
- Unity3D实现2D人物动画① UGUI&Native2D序列帧动画
- Unity3D UGUI 性能耗费最小的一种UI渲染方式RawImage实现,圆角矩形,圆形,多边形等图片
- Unity3D实现UGUI 图片拖拽旋转和拖拽移动
- 时光煮雨 Unity3D实现2D人物动画① UGUI&Native2D序列帧动画
- <Unity3D UGUI>用UGUI方式实现图片的遮罩,圆角图片,圆形图片效果
- HTML5+javascript实现图片加载进度动画效果
- Unity3d 使用UGUI实现button其他事件处理
- Unity3d ugui 实现image代码换图
- [原创]unity3D学习【功能实现】之六:延续功能五,血条,点击减血等ugui
- Unity3D中使用UGUI实现省市选择器
- Qt移动应用开发:使用精灵图片实现帧动画
- Unity3D 4.x 使用Mecanim实现动画控制
- 微信小程序 Animation实现图片旋转动画示例
- Unity3D代码中切割图片并且加载帧序列动画
- Android实现3D页面加载进度条动画
- 半圆遮挡图片 实现百分比显示上传进度
- <Unity UGUI> 在Unity5 的UGUI系统上实现图片的遮罩
- UGUI实现图片拖拽功能