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


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

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 Game  PanelGrid; //父物体组    void Start()    {        StartCoroutine(BurnGranule()); //第1种方式,开协程        //InvokeRepeating("BurnImage", 0, 0.2f); //第2种方式,想要结束用CancelInvoke();    }    /// <summary>    /// 1:供 InvokeRepeating 调用执行    /// </summary>    private void BurnImage()    {        Game  go = Instantiate(Resources.Load<Game >("Image"));        go.transform.SetParent(PanelGrid.transform);    }    /// <summary>    /// 2:用协程逐个生成Image图片     /// </summary>    /// <returns></returns>    IEnumerator BurnGranule()    {        while (true)        {            Game  go = Instantiate(Resources.Load<Game >("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 坚持将简单的生活方式,带给世人!
"; //需要显示的文字        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 WaitForEndOf ();                text.text += cc[i];            }        }    }}

支持

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


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

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

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


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


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

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

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

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



70

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


END

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

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

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

收藏 打印