Unity 利用UGUI制作提示框

最新推荐文章于 2024-12-06 00:00:00 发布

潇潇Ayo

最新推荐文章于 2024-12-06 00:00:00 发布

阅读量6.9k

点赞数 2

分类专栏： Unity 文章标签： UGUI Dotween 提示框

本文链接：https://blog.csdn.net/yzx5452830/article/details/81904078

版权

Unity 专栏收录该内容

19 篇文章

订阅专栏

用到的工具DOTween 这个插件很好用的大家可以去百度搜一下

先看一下效果

先上脚本

using DG.Tweening;
using UnityEngine;
using UnityEngine.UI;

public  class ShowTip : MonoBehaviour
{
    public CanvasGroup tips;
    public void OnClickBtn()
    {
        ShowTips(tips, "Hello world");
    }

    private void ShowTips(CanvasGroup tipCanvasGroup, string msg)
    {
        tipCanvasGroup.GetComponentInChildren<Text>().text = msg;

        tipCanvasGroup.alpha = 0;
        DOTween.Kill(tipCanvasGroup);
        Sequence sequence = tipCanvasGroup.DOSequence();
        sequence.Append(tipCanvasGroup.DOFade(1, 0.8f));
        sequence.AppendInterval(2.0f);
        sequence.Append(tipCanvasGroup.DOFade(0, 1.0f));
    }
}

public static class GameObjExt
{
    public static Sequence DOSequence(this UnityEngine.Object seq)
    {
        Sequence sequence = DOTween.Sequence();
        sequence.target = seq;

        return sequence;
    }
}

首先创建一个 Image也就是提示框图片添加上 CanvasGroup 组件注意子节点加上一个 Text 利于显示提示文字