Unity3D实践4:带有出入特效的提示框

版权声明:非游戏开发类文章可以随意转载,游戏开发类文章不可转载,除此之外博客中所有代码都并非项目中的实际代码,仅供学习和参考 https://blog.csdn.net/Jaihk662/article/details/89285611

 

前置:最好使用对象池

前文:https://blog.csdn.net/jaihk662/article/category/8688031(UGUI)

实现效果在这~:

 

第一步:制作UI

很简单的,一张背景图一段文字,背景图可以半透明

可以给文字加上Outline组件,也就是字体边框,用作UI美化,调整下边框的颜色和透明度

给图片加上CanvasGroup组件,用于管理整个UI

  • Alpha:整体透明度(0~1的浮点数,0为完全透明)
  • Interactable:是否禁用交互功能(比如输入框和按钮监听),为false时为禁用
  • Blocks Raycasts:是否接受射线检测,不会作用于Physics.Raycast
  • Ignore Parent Groups:是否受到父级CanvasGroup的影响

 

第二步:安装DOTween插件,编写对象池脚本

DOTween安装:直接官方商城

对象池作用:因为在短时间可能会出现多个提示框,要实现UI复用

对象池参考:https://blog.csdn.net/Jaihk662/article/details/88770183

DOTween教程:https://blog.csdn.net/iFasWind/article/details/81452516

 

第三步:编写脚本,封装

目的:使用一行语句唤醒提示框,还有提示框的特效

  • LuXun.Say.Ever(string, "hint"):生成一个提示框,提示框的内容为string

提示框预制体代码如下:

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using System.Text;
using UnityEngine.SceneManagement;
using UnityEngine.UI;
using UnityEngine.EventSystems;
using DG.Tweening;
public class HintUI : MonoBehaviour
{
    public Text hint;
    public Image hintGround;
    public CanvasGroup hintGroup;
    public GameObject thisObject;
    private Color beginColor;          //原始颜色
    private Vector3 beginPos;          //原始坐标
    private Sequence sequence;          //动画顺序表(Dotween封装)
    public void GetHint(string message)
    {
        hint.text = message;
        hintGroup.alpha = 0;
        RectTransform now = hintGround.rectTransform;
        thisObject.GetComponent<RectTransform>().anchoredPosition3D = new Vector3(0, -280, 0);

        sequence = DOTween.Sequence();
        Tweener move1 = now.DOMoveY(now.position.y + 30, 0.5f);         //now.DOMoveY(Y轴变化,在多少秒内完成,是否只取整数值(默认为false)),返回一段动画
        Tweener move2 = now.DOMoveY(now.position.y + 60, 0.5f);

        //DOTween.To()使用了Lambda表达式,DOTween.To(() => now, x => now = x, 100, 2.5) 表示给变量now添加一个动画,让它从默认值在2.5秒内变化到100
        Tweener alpha1 = DOTween.To(() => hintGroup.alpha, x => hintGroup.alpha = x, 1, 0.6f);
        Tweener alpha2 = DOTween.To(() => hintGroup.alpha, x => hintGroup.alpha = x, 0, 0.6f);

        sequence.Append(move1);                 //将动画加入动画顺序表,如果动画没有加入顺序表会被默认直接执行
        sequence.Join(alpha1);
        sequence.AppendInterval(0.5f);          //停滞0.5秒
        sequence.Append(move2);
        sequence.Join(alpha2);
        sequence.OnComplete(Init);
    }
    public void Init()
    {
        Pool.Return(thisObject);
    }
}

封装调用如下(在其它脚本内实现,一般是一个单例的控制器):

public void Ever(string message, string type)
{
    switch (type)
    {
        case "hint":
            hintUI = Pool.Get("HintImage", "UI/HintImage", new Vector3(0, 0, 0), Quaternion.identity);
            hintUI.transform.SetParent(GetTran, false);         //GetTran为生成的提示框需要挂载的父物体
            hintUI.GetComponent<HintUI>().GetHint(message);
            break;
    }
}

一个使用的例子(实现上面的效果):

void PassIt()
{
    TheGod.myID = usernameText.text;
    LuXun.Say.Ever("欢迎回来," + usernameText.text, "hint");
    ShuRuPanel.SetActive(false);
    XuanFuPanel.SetActive(true);
}

搞定!

 

展开阅读全文

没有更多推荐了,返回首页