DoTween常用动画效果

首先记得引入命名空间:using DG.Tweening;

1.渐隐渐现

    protected CanvasGroup canvasGroup;
    protected void Start()
    {
        if(canvasGroup == null)
        {
            canvasGroup = GetComponent<CanvasGroup>();
        }
    }
    /// <summary>
    /// 界面被显示出来。可设置显示界面动画
    /// </summary>
    public virtual  void OnEnter()
    {
        if (canvasGroup == null) canvasGroup = GetComponent<CanvasGroup>();
        canvasGroup.alpha = 0;
        canvasGroup.blocksRaycasts = true;
        canvasGroup.DOFade(1, .2f);
    }

2.左移右移

    public override void OnEnter()
    {
        if (canvasGroup == null) canvasGroup = GetComponent<CanvasGroup>();
        canvasGroup.alpha = 1;
        canvasGroup.blocksRaycasts = true;

        Vector3 temp = transform.localPosition;
        temp.x = 600;
        transform.localPosition = temp;
        transform.DOLocalMoveX(0, .3f);
    }

    public override void OnExit()
    {
        canvasGroup.blocksRaycasts = false;

        transform.DOLocalMoveX(600, .3f).OnComplete(() => canvasGroup.alpha = 0);
    }

3.由小变大

    public override void OnEnter()
    {
        if (canvasGroup == null) canvasGroup = GetComponent<CanvasGroup>();
        canvasGroup.alpha = 1;
        canvasGroup.blocksRaycasts = true;

        transform.localScale = Vector3.zero;
        transform.DOScale(0.5f, .3f);
    }

    public override void OnExit()
    {
        canvasGroup.blocksRaycasts = false;

        transform.DOScale(0, .3f).OnComplete(() => canvasGroup.alpha = 0);
    }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值