Unity背包/商城物品逐个显示缓动效果-依次显示

简介: 道具栏/商城中物品逐个显示效果本文提供全流程,中文翻译。 Chinar 坚持将简单的生活方式,带给世人!(拥有更好的阅读体验 —— 高分辨率用户请根据需求调整网页缩放比例) Chinar ——...

道具栏/商城中物品逐个显示效果


本文提供全流程,中文翻译。

Chinar 坚持将简单的生活方式,带给世人!

(拥有更好的阅读体验 —— 高分辨率用户请根据需求调整网页缩放比例)



Chinar —— 心分享、心创新!

助力完成背包/商城 Scroll View / Grid Layout Group 逐个游戏对象的显示

为新手节省宝贵的时间,避免采坑!


Chinar 教程效果:
这里写图片描述



全文高清图片,点击即可放大观看 (很多人竟然不知道)


1

Show One by one —— 一个个显示图片


通过协程,一个一个加载并显示图片

Resources 中创建一个预设物 Image ,用来动态加载实例化

举个栗子黑白88
这里写图片描述

using System.Collections;
using UnityEngine;
using UnityEngine.UI;


/// <summary>
/// 逐个加载图片
/// </summary>
public class ChinarLoadImage : MonoBehaviour
{
    public GameObject PanelGrid; //父物体组


    void Start()
    {
        StartCoroutine(BurnGranule()); //第1种方式,开协程

        //InvokeRepeating("BurnImage", 0, 0.2f); //第2种方式,想要结束用CancelInvoke();
    }


    /// <summary>
    /// 1:供 InvokeRepeating 调用执行
    /// </summary>
    private void BurnImage()
    {
        GameObject go = Instantiate(Resources.Load<GameObject>("Image"));
        go.transform.SetParent(PanelGrid.transform);
    }


    /// <summary>
    /// 2:用协程逐个生成Image图片 
    /// </summary>
    /// <returns></returns>
    IEnumerator BurnGranule()
    {
        while (true)
        {
            GameObject go = Instantiate(Resources.Load<GameObject>("Image"));
            go.transform.SetParent(PanelGrid.transform);
            yield return new WaitForSeconds(0.1f);
            if (PanelGrid.transform.childCount > 40) //跳出循环条件
            {
                break;
            }
        }
    }
}

2

TextOne by one —— 一个个显示文字


将需要显示的文字转为字符,然后一个个的取出,并通过协成完成显示

举个栗子黑白88
这里写图片描述

using System.Collections;
using UnityEngine;
using UnityEngine.UI;


/// <summary>
/// 一个个显示文字
/// </summary>
public class ChinarLoadingText : MonoBehaviour
{
    public  Text   text;     //故事面板文字栏
    private string textTemp; //故事面板具体文字
    private char[] cc;


    void Start()
    {
        StartOne();
    }


    private void StartOne()
    {
        text.text = "";
        textTemp  = "Chinar 坚持将简单的生活方式,带给世人!\n"; //需要显示的文字
        cc        = textTemp.ToCharArray();      //将string类型里的每一个字转化成char集合
        StartCoroutine(TextOne());
    }


    IEnumerator TextOne()
    {
        bool isGo = true;
        while (isGo)
        {
            for (int i = 0; i < cc.Length; i++)
            {
                yield return new WaitForEndOfFrame();
                text.text += cc[i];
            }
        }
    }
}

支持

May Be —— 搞开发,总有一天要做的事!


拥有自己的服务器,无需再找攻略!

Chinar 提供一站式教程,闭眼式创建!

为新手节省宝贵时间,避免采坑!


先点击领取 —— 阿里全产品优惠券 (享受最低优惠)


1 —— 云服务器超全购买流程 (新手必备!)

2 —— 阿里ECS云服务器自定义配置 - 购买教程(新手必备!)

3—— Windows 服务器配置、运行、建站一条龙 !

4 —— Linux 服务器配置、运行、建站一条龙 !



70

技术交流群:806091680 ! Chinar 欢迎你的加入


END

本博客为非营利性个人原创,除部分有明确署名的作品外,所刊登的所有作品的著作权均为本人所拥有,本人保留所有法定权利。违者必究

对于需要复制、转载、链接和传播博客文章或内容的,请及时和本博主进行联系,留言,Email: ichinar@icloud.com

对于经本博主明确授权和许可使用文章及内容的,使用时请注明文章或内容出处并注明网址

相关文章
|
7月前
|
前端开发 图形学
|
图形学
Unity物品栏、商城3D物品的显示插件
UI显示3D模型插件 - Render 3D Models on any Unity UI CanvasPlugin 使用效果: 1 UIObject3D Plugin —— 3D界面插件 Rotate —— UI上旋转物体 3 Scroll —— 支持滚动4 Create —— 创建方式5 R.
|
图形学
Unity物品栏、商城3D物品的显示插件
UI显示3D模型插件 本文提供全流程,中文翻译。 Chinar 坚持将简单的生活方式,带给世人!(拥有更好的阅读体验 —— 高分辨率用户请根据需求调整网页缩放比例) Chinar —— 心分享、心...
1670 0
|
图形学
unity3d 简单拖拽交换对象,类似背包物品交换功能
直接挂载到需要拖拽的每个对象上就可以了 图片.png using UnityEngine; using System.Collections; using UnityEngine.
1323 0
|
4月前
|
C# 图形学
【Unity 3D】元宇宙案例之虚拟地球信息射线实战(附源码、演示视频和步骤 超详细)
【Unity 3D】元宇宙案例之虚拟地球信息射线实战(附源码、演示视频和步骤 超详细)
49 0
|
4月前
|
人工智能 自然语言处理 区块链
【Unity 3D】元宇宙概念、应用前景、价值链等概述
【Unity 3D】元宇宙概念、应用前景、价值链等概述
52 0
|
4月前
|
vr&ar C# 图形学
【Unity 3D】VR飞机拆装后零件说明功能案例实战(附源码和演示视频 超详细)
【Unity 3D】VR飞机拆装后零件说明功能案例实战(附源码和演示视频 超详细)
38 0
|
4月前
|
vr&ar C# 图形学
【Unity 3D】VR飞机动态拆装及引擎开关控制案例(附源码和演示视频 超详细)
【Unity 3D】VR飞机动态拆装及引擎开关控制案例(附源码和演示视频 超详细)
38 0
|
4月前
|
vr&ar 图形学
【Unity 3D】VR飞机起飞喷火游戏案例实战(附源码和演示视频 超详细)
【Unity 3D】VR飞机起飞喷火游戏案例实战(附源码和演示视频 超详细)
51 0
|
4月前
|
vr&ar 开发工具 图形学
【Unity 3D】使用EasyAR实现单图识别的AR增强现实功能(附实现步骤)
【Unity 3D】使用EasyAR实现单图识别的AR增强现实功能(附实现步骤)
87 0