浅谈NGUI中的淡入淡出效果

原创 2015年07月09日 16:27:55


最近在做一些小特效,需要用到淡入淡出的效果,用于场景的切换什么的。其实淡入淡出,实际上就是在改变物体(场景)的alpha值。有两个比较方便的方法可以实现:


1、使用UGUI的组件。 在NGUI的组件里面,有一个TweenAlpha的组件,这个是改变物体透明度,从From值到To值。本来可以直接在物体里面绑定好这个组件就可以使用了,因为考虑到移植性和灵活个人定制的问题,所以我就把它做成了一个小模块FadeScript。


using UnityEngine;
using System.Collections;

public class FadeScript : MonoBehaviour
{

    private static GameObject mTarget;

    public static void fadeIn(GameObject target, float duration = 1.5f)
    {
        target.SetActive(true);
        TweenAlpha ta = target.GetComponent<TweenAlpha>();
        ta.enabled = true;
        ta.from = 0f;
        ta.to = 1f;
        ta.ResetToBeginning();
        ta.duration = duration;
        ta.PlayForward();
    }

    public static void fadeOut(GameObject target, float duration = 1.5f)
    {
        mTarget = target;
        TweenAlpha ta = target.GetComponent<TweenAlpha>();
        ta.enabled = true;
        ta.from = 1f;
        ta.to = 0f;
        ta.duration = duration;
        ta.ResetToBeginning();
        ta.PlayForward();
        ta.onFinished.Clear();
        EventDelegate.Add(ta.onFinished, OnFinished);//绑定播放完动画之后执行的事件
        
    }

    static void OnFinished()
    {
        if (mTarget != null)
        {
            mTarget.SetActive(false);
            mTarget = null;
        }
    }
}

2、使用Unity的动画效果,给物体附上一个Animator,让Animator去管理和播放Animation,Animation中设置并改变物体UISprite的Alpha值即可




版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

UGUI 实现界面 渐隐渐现 FadeIn/Out 效果

其实熟悉NGUI的人,应该知道  实现渐隐渐现 FadeIn/Out 效果是很方便的,因为父对象 的 改变会自动影响到子对象。 比如 UIWidget、UIPanel等组件都有 Alpha属性,在In...

【NGUI】实现淡入淡出提示框功能

这次我们要实现一个游戏UI开发中很常见的功能:淡入淡出提示框。功能很简单,接下来我就用以下两种方式来处理。 NGUI的TweenAlpha方式 首先挂载一个TweenAlpha组件,设...

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

Android Activity 淡入淡出和从底部向上弹出动画效果

在CSDN上注册账户好久了,一直都是学习各位大牛的技术,技巧。今天也试试自己写一些东西,希望对大家也有帮助。第一次写希望各位指点帮助。      我在做手机界面的时候,碰到很多Activity淡出,...
  • lcpajj
  • lcpajj
  • 2012-10-22 10:17
  • 3240

jQuery实现窗口的淡入淡出效果

在很多网页中都可以看到网页弹出的一个窗口,然后很多情况下面还会有淡入淡出的效果,下面我们就这个窗口的 淡入淡出效果来做一个例子,这个是使用jQuery来做的,其实非常简单。 首先看HTML代码 ...

【jQuery】使用JQ来编写面板的淡入淡出效果

本文与上一篇的《【jQuery】使用JQ来编写最基本的淡入淡出效果》(点击打开链接)为姊妹篇, 但上一篇只是对文本的基本控制,本篇则是对面板元素进行控制。 虽然功能上非常类似,但是所用到的控制函数是...

jQuery 之 隐藏显示与淡入淡出效果(三)

jQuery 效果- 隐藏和显示 通过 jQuery,可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素: 语法: $(selector).hide(speed,callbac...

android基础笔记——android动画效果:淡入淡出

首先存在两个视图,一个为

jquery淡入淡出效果

无标题文档 *{ margin:0px; padding:0px;} ul,li{ list-style:none;} .p_show{ float:left; position:relative;...

HTML5 - 用CSS3动画制作场景切换效果(移动,旋转,淡入淡出等)

两个场景(即两个div视图)切换的时候,如果想添加个过渡动画,除了可以使用js来实现,还可以通过CSS3的animation属性来实现。 (注意:Internet Explorer 9 以及更早的...

JQuery 效果之隐藏与显示、淡入淡出、滑动、回调

1、隐藏 hide(); show(); toggle();2、淡入淡出 slideDown(); slideUp(); slideToggle();3、回调(当动画完成后调用)代码如下:...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)