返回顶部
首页 > 资讯 > 后端开发 > 其他教程 >Unity UI实现循环播放序列图
  • 290
分享到

Unity UI实现循环播放序列图

2024-04-02 19:04:59 290人浏览 薄情痞子
摘要

一、思路 1.获取播放组件 一般我们使用UI的Raw Image或者Image来显示图片 Image:仅支持Sprite类型图片,需要更改图片的格式(注意:在StreamingAss

一、思路

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
    }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程网。

--结束END--

本文标题: Unity UI实现循环播放序列图

本文链接: https://lsjlt.com/news/132058.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • Unity UI实现循环播放序列图
    一、思路 1.获取播放组件 一般我们使用UI的Raw Image或者Image来显示图片 Image:仅支持Sprite类型图片,需要更改图片的格式(注意:在StreamingAss...
    99+
    2024-04-02
  • Unity UI怎么实现循环播放序列图
    这篇文章主要讲解了“Unity UI怎么实现循环播放序列图”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Unity UI怎么实现循环播放序列图”吧!一、思路1.获取播放组件一般我们使用UI的...
    99+
    2023-06-20
  • js实现列表自动滚动循环播放
    本文实例为大家分享了js实现列表自动滚动循环播放的具体代码,供大家参考,具体内容如下 1.实现效果图 鼠标移入,暂停滚动; 鼠标移出,继续滚动; 2.原理 要实现无缝衔接,在原有u...
    99+
    2024-04-02
  • Android ViewPager实现Banner循环播放
    问题的起源 在项目里,有时候需要实现一个图片轮播的效果,用来展示Banner。同时,图片能循环播放,下面还有一排小圆点来指示当前轮播到哪一页了。 如下图: 分析 · 图片的...
    99+
    2022-06-06
    viewpager Android
  • Android实现图片循环播放的实例方法
    很多时候,我们需要展示在客户端展示图片,而且是动态显示,即不停地自行切换图片。下面我们来看一下具体的实现方法。首先,我们需要在XML...    ...
    99+
    2022-06-06
    方法 循环 图片 Android
  • JavaScript实现循环轮播图
    本文实例为大家分享了JavaScript实现循环轮播图的具体代码,供大家参考,具体内容如下 案例演示: 1.点击下面图标,图片进行轮播 2.图片轮播完,接着轮播到第一张 (代码内部...
    99+
    2024-04-02
  • js如何实现列表自动滚动循环播放
    这篇文章主要介绍了js如何实现列表自动滚动循环播放的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇js如何实现列表自动滚动循环播放文章都会有所收获,下面我们一起来看看吧。1.实现效果图鼠标移入,暂停滚动; 鼠标移...
    99+
    2023-07-02
  • 基于OpenCV实现视频循环播放
    目录介绍1.Python+OpenCV实现2.C+++OpenCV实现补充介绍 本文将介绍基于OpenCV实现视频的循环播放。 有以下三个步骤: 首先设置一个frame的设置参数fr...
    99+
    2024-04-02
  • Android 使用ViewPager实现图片左右循环滑动自动播放
    ViewPager这个小demo实现的是可以左右循环滑动图片,下面带索引,滑到最后一页在往右滑动就要第一页,第一页往左滑动就到最后一页,先上效果图,用美女图片是我一贯的作风,呵...
    99+
    2022-06-06
    自动 循环 图片 viewpager Android
  • Android实现轮播图无限循环效果
    本文实例为大家分享了Android轮播图无限循环的具体代码,供大家参考,具体内容如下 实现无限循环 在getCount()方法中,返回一个很大的值,Integer.MAX_VA...
    99+
    2022-06-06
    轮播图 循环 轮播 Android
  • Unity ScrollView实现无限循环效果
    本文实例为大家分享了Unity ScrollView实现无限循环效果的具体代码,供大家参考,具体内容如下 在Unity引擎中ScrollView组件是一个使用率比较高的组件,该组件能...
    99+
    2024-04-02
  • Android编程实现VideoView循环播放功能的方法
    本文实例讲述了Android编程实现VideoView循环播放功能的方法。分享给大家供大家参考,具体如下: package com.hangcheng; import com...
    99+
    2022-06-06
    方法 videoview Android
  • Android中使用VideoView实现一个循环播放功能
    本篇文章给大家分享的是有关Android中使用VideoView实现一个循环播放功能,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。具体如下:package com.hangch...
    99+
    2023-05-31
    android videoview roi
  • 使用JavaScript实现循环轮播图的案例
    这篇文章主要介绍了使用JavaScript实现循环轮播图的案例,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。具体内容如下案例演示:点击下面图标,图片进行轮播2.图片轮播完,接...
    99+
    2023-06-14
  • Android ViewPager循环播放广告实例详解
    Android  实现ViewPager循环播放广告条实例详解 我们经常会看到有一些app的banner界面可以实现循环播放多个广告图片和手动滑动循环的效果。看到那样...
    99+
    2022-06-06
    viewpager 广告 Android
  • C语言实现顺序循环队列实例
    目录一、队列和循环队列基本概念二、代码实操总结一、队列和循环队列基本概念 队列: 和栈相反,队列是一种先进先出(FIFO)的线性表。只允许在一端插入,在另一端删除。 允许插入的叫&...
    99+
    2024-04-02
  • Python实现for循环倒序遍历列表
    目录for倒序遍历列表for循环(正序/倒序)1.正序2.倒序for倒序遍历列表 数字列表,range方法构建列表: for value in range(5, -1, -1):  ...
    99+
    2024-04-02
  • java实现循环队列
    循环队列的优点普通队列出队操作开销大:在出队操作时,索引为0后面的所有元素,都需要往前移动一位,元素越多,消耗的时间也越多,时间复杂度为O(N)。循环队列的逻辑:当元素较少时(tail位置在front后面),循环队列与普通队列出队操作一样,...
    99+
    2017-09-10
    java入门 java 循环队列
  • HTML5如何通过Vedio标签实现视频循环播放
    小编给大家分享一下HTML5如何通过Vedio标签实现视频循环播放,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!要实现网页播放视频在HTML5以前是通过<e...
    99+
    2023-06-09
  • js怎么实现无限循环轮播图效果
    小编给大家分享一下js怎么实现无限循环轮播图效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!知识要点1.实现无限循环的原理:以...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作