Unity UI实现循环播放序列图
一、思路
1.获取播放组件
一般我们使用UI的Raw Image或者Image来显示图片
Image:仅支持Sprite类型图片,需要更改图片的格式(注意:在StreamingAssets文件夹里的图片是更改不了类型的,在这里必须放在Assets/Resources路径下)
Raw Image:支持图片的原格式,一般我们将其转换成 Texture2D使用
2.加载图片
Resources提供了一个Load方法,可以从Resources文件夹里加载图片。
!!!!!注意一定要在Resources路径下,否则找不到
Resources.Load(path, typeof(Texture2D)) as Texture2D; Resources.Load(path, typeof(Sprite)) as Sprite;
3.循环加载
记录当前到哪一张,判断是不是到了最后一张,是,加载第一张
二、示例代码
using System; using System.Collections; using System.Collections.Generic; using System.IO; using UnityEditor; using UnityEngine; using UnityEngine.UI; public class FramesController : MonoBehaviour { [System.Serializable] public struct NameRules { [Header("基础名称(基础名字就是序列图名称中绝对相同的)")] public string BaseName; [Header("有效数字的位数(代表排序的有效数字位数)")] public int SignificantDigits; [Header("开始数(开始的数)")] public int Start; [Header("总数(一共多少张图片)")] public int Count; public NameRules(string _name,int _digits,int _start,int _count) { BaseName = _name; SignificantDigits = _digits; Start = _start; Count = _count; } } //图片类型 public enum WidgetType { Image, RawImage } /// [Header("图片显示控件(RawImage[支持原始图片类型] OR Image[仅支持Sprite图片])")] public WidgetType ImgWidget = WidgetType.RawImage; //要求文件夹必须在Assets/Resources文件夹里面,ModeName填写后面到文件夹的路径 [Header("模式名称(和文件夹名称相同,路径必须在Resources里面)")] public string ModeName = "请填写文件夹路径"; [Header("命名规则(序列图的命名规则)")] public NameRules Rules; [Header("FPS(一秒内显示多少张图片)")] public int FramesPerSecond = 24; [Header("循环播放(默认开启)")] public bool Loop=true; [Header("UI可用时自动播放(默认开启)")] public bool PlayOnWake=true; /// <summary> /// 私有变量 /// </summary> /// /// 显示图片的UI控件 private Image ImageComponent = null; private RawImage RawImgComponent = null; private int currentFrames;//当前播放的图片帧数 private float showTime = 0.0f; private float rateTime = 0.0f; private bool Playing; // Start is called before the first frame update void Start() { InitWidget(); } // Update is called once per frame void Update() { if (!Playing) return; showTime += Time.deltaTime; if (showTime >= rateTime) { showTime = 0; currentFrames++; if (currentFrames >= Rules.Count) { if(Loop) { currentFrames = Rules.Start; }else { Playing = false; } } if(ImgWidget == WidgetType.Image) { ImageComponent.sprite = GetCurrentSprite(); } else { RawImgComponent.texture = GetCurrentTexture2D(); } } } /// /更换播放的序列图 public void ChangeMode(string _mode, NameRules _rules, int _fps=24) { ModeName = _mode; Rules=_rules; FramesPerSecond = _fps; currentFrames = Rules.Start; rateTime = 1.0f / FramesPerSecond; if (ImgWidget == WidgetType.Image) { ImageComponent.sprite = GetCurrentSprite(); } else { RawImgComponent.texture = GetCurrentTexture2D(); } } //开始播放 public void Play(bool needLoop=true) { Playing = true; Loop = needLoop; } //停止播放 public void Stop() { Playing = false; } private Sprite GetCurrentSprite() { /这个是重点,显示不出来图片的话,大概率问题在这个函数 string formatStr = "{0:D" + Rules.SignificantDigits + "}";//保留有效数字,不够前面加0 string imageName = ModeName + "/" + Rules.BaseName + string.Format(formatStr, currentFrames); return LoadSprite(imageName); } private Texture2D GetCurrentTexture2D() { /这个是重点,显示不出来图片的话,大概率问题在这个函数 string formatStr = "{0:D"+ Rules .SignificantDigits+ "}";//保留有效数字,不够前面加0 string imageName = ModeName+"/"+Rules.BaseName + string.Format(formatStr, currentFrames); return LoadTexture2D(imageName); } private Texture2D LoadTexture2D(string path) { return Resources.Load(path, typeof(Texture2D)) as Texture2D; } private Sprite LoadSprite(string path) { return Resources.Load(path, typeof(Sprite)) as Sprite; } /// <summary> /// 初始化图片显示组件 /// </summary> private void InitWidget() { if(ImgWidget== WidgetType.Image) { ImageComponent = transform.gameObject.GetComponent<Image>(); if(ImageComponent==null) { EditorBox("此组件上没有找到<Image>!请检查后重试!"); EditorStop(); } } else { RawImgComponent = transform.gameObject.GetComponent<RawImage>(); if (RawImgComponent == null) { EditorBox("此组件上没有找到<RawImage>!请检查后重试!"); EditorStop(); } } Playing = PlayOnWake; currentFrames = Rules.Start; rateTime = 1.0f / FramesPerSecond; if (ImgWidget == WidgetType.Image) { ImageComponent.sprite = GetCurrentSprite(); } else { RawImgComponent.texture = GetCurrentTexture2D(); } } /// <summary> /// Unity编辑器的MessageBox /// </summary> private void EditorBox(string msg) { #if UNITY_EDITOR EditorUtility.DisplayDialog("FramesController", msg, "确认", "取消"); #endif } /// <summary> /// Unity编辑器停止当前正在运行的程序 /// </summary> private void EditorStop() { #if UNITY_EDITOR UnityEditor.EditorApplication.isPlaying = false; #endif } }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持猪先飞。
相关文章
- 这篇文章主要介绍了c#从数据库里取得数据并异步更新ui的方法,大家参考使用吧...2020-06-25
No module named ‘win32gui‘ 的解决方法(踩坑之旅)
这篇文章主要介绍了No module named ‘win32gui‘ 的解决方法(踩坑之旅),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-02-18- 这篇文章主要介绍了解决vant-UI库修改样式无效的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-11-03
- 这篇文章主要为大家详细介绍了vue+element ui实现锚点定位,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-06-29
- 这篇文章主要为大家详细介绍了easyUI下拉列表点击事件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2017-05-22
- 由于业务需要,要求实现树形菜单,且菜单数据由后台返回,下面这篇文章主要给大家介绍了关于js如何构造elementUI树状菜单的数据结构的相关资料,需要的朋友可以参考下...2021-05-13
详解element-ui 表单校验 Rules 配置 常用黑科技
这篇文章主要介绍了element-ui 表单校验 Rules 配置 常用黑科技,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-07-11- 这篇文章主要为大家详细介绍了Unity时间戳的使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
jQuery EasyUI编辑DataGrid用combobox实现多级联动
本文给大家分享jQuery EasyUI编辑DataGrid用combobox实现多级联动效果的实例代码,代码简单易懂,非常不错,具有参考借鉴价值,感兴趣的朋友一起看看吧...2016-09-01- SwiftUI是一种使用Swift语言在苹果设备上构建用户界面的创新且简单的方式,下面这篇文章主要给大家介绍了关于SwiftUI图片缩放、拼图等处理的相关资料,需要的朋友可以参考下...2021-08-23
jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法
这篇文章主要介绍了jQuery Easyui使用之可折叠面板动态加载无效果的解决方案,非常不错,具有参考借鉴价值,感兴趣的朋友一起看下吧...2016-08-24如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上
这篇文章主要介绍了如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上,需要的朋友可以参考下...2015-12-28- 小米在3月9日下午5点推送了小米5的MIUI8.2更新,这次升级最大的改变是核心变成了Android7.0,因此加入了不少新功能。从MIUI1到MIUI8,历经了好几年了,下面小编为大家整理MIUI八个历史版本的系统图标,来看看吧...2017-07-06
Unity中 ShaderGraph 实现旋涡传送门效果入门级教程(推荐)
通过Twirl 旋转节点对Gradient Noise 梯度噪声节点进行操作,就可得到一个旋转的旋涡效果。具体实现代码跟随小编一起通过本文学习下吧...2021-07-11解析element-ui中upload组件传递文件及其他参数的问题
这篇文章主要介绍了element-ui中upload组件如何传递文件及其他参数,分析一下我使用element-ui遇到的问题以及解决方法,需要的朋友可以参考下...2021-11-10vue+elementui实现点击table中的单元格触发事件--弹框
这篇文章主要介绍了vue+elementui实现点击table中的单元格触发事件--弹框,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-07-18- 本文主要介绍了4种延时执行的方法,主要包括Update计时器,Invoke,协程,DoTween,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-07-07
- 这篇文章主要为大家详细介绍了jQuery UI结合Ajax创建可定制的Web界面,如何利用Ajax和jQuery UI创建具有各种定制功能的高度可定制的UI,感兴趣的小伙伴们可以参考一下...2016-06-24
- 这篇文章主要为大家详细介绍了Unity3D UGUI实现翻书特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要介绍了基于elementUI竖向表格、和并列的案例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-10-26