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

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

---

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

Chinar 坚持将简单的生活方式，带给世人！

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

---

Chinar —— 心分享、心创新！

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

为新手节省宝贵的时间，避免采坑！

Chinar 教程效果：

---

• 1
  • Show One by one —— 一个个显示图片
• 2
  • TextOne by one —— 一个个显示文字
• 支持
  • May Be —— 搞开发，总有一天要做的事！

---

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

---

1

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

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

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

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 —— 一个个显示文字

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

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 坚持将简单的生活方式，带给世人！
"; //需要显示的文字
        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 服务器配置、运行、建站一条龙 !

---

$$
技术交流群：806091680 ！ Chinar 欢迎你的加入

---

END

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

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

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