Unity 动态载入Panel并实现淡入淡出

　　unity版本：4.5 NGUI版本：3.6.5

　　参考链接：http://tieba.baidu.com/p/3206366700，作者：百度贴吧 水岸上

　　动态载入NGUI控件，这里用Panel为例说明。

1、如何创建NGUI控件的预设：

　　在要保存prefab文件的目录下鼠标右键Create Prefab，保存预设名字，然后直接把Hierarchy中的控件拖到预设中即可；

2、实现Panel淡入淡出的代码，在预设Panel中添加下述代码的脚本组件：

　　

　　代码如下：

using UnityEngine;
using System.Collections;

public class PanelFade : MonoBehaviour
{
    // 表示Panel正在打开
    public bool _opening;
    // 表示Panel正在关闭
    public bool _closing;

    void Start()
    {
        // 初始时_opening设为true，实现打开时淡入效果
        _opening = true;
        _closing = false;

        // alpha设为0，为全透明
        gameObject.transform.GetComponent<UIPanel>().alpha = 0;
    }

    // Update is called once per frame
    void Update()
    {
        // 处于打开状态，alpha随时间增加
        if (_opening == true)
        {
            // 找到Panel的alpha的值，随时间增加，实现淡入效果
            gameObject.transform.GetComponent<UIPanel>().alpha += Time.deltaTime * 4f;

            // 当alpha>=1时，打开状态结束，_opening设置false
            if (gameObject.transform.GetComponent<UIPanel>().alpha >= 1)
                _opening = false;
        }

        if (_closing == true)
        {
            // 处于关闭状态，alpha随时间减少
            gameObject.transform.GetComponent<UIPanel>().alpha -= Time.deltaTime * 4f;

            // alpha小于0，关闭状态结束，_closing设为false，并且在UI Root下删除该Panel
            if (gameObject.transform.GetComponent<UIPanel>().alpha <= 0)
            {
                _closing = false;
                NGUITools.Destroy(gameObject);
            }
        }
    }
}

　　上诉代码，在start函数中把 _opening 赋值为true，创建预设时，将该代码添加到Panel组件中，在panel创建时自动实现淡入效果，淡入效果的调整则调节alpha随时间减少部分的代码；

2、淡出效果：

　　我们在要创建预设的Panel下创建一个按钮，点击可关闭panel并且实现关闭时淡出效果：

　　

　　代码如下：

using UnityEngine;
using System.Collections;

public class DeletePanelPrefab : MonoBehaviour 
{
    void OnClick()
    {
        // 找到该按钮要关闭的Panel对象中的PanelFade脚本
        PanelFade _panelfade_script = gameObject.GetComponentInParent<PanelFade>();
        // 把脚本中对应关闭状态的_closing设为true
        _panelfade_script._closing = true;
    }
}

　　代码中实现了对按钮点击事件的监听，监测到点击按钮时，找到Panel下的脚本，把_closing值赋为true，即表示panel正在关闭；

　　上述1、2两步骤即完成了预设的创建、panel的淡入淡出效和预设的删除；

3、用NGUI创建一个按钮来测试上面功能是否能实现：

　　创建一个按钮并为其添加脚本，代码如下：

using UnityEngine;
using System.Collections;

public class CeeatePanelByPrefab : MonoBehaviour
{
    // panel的预设
    public GameObject _panel_prefab;
    // NGUI的UI Root
    public GameObject _uiroot;

    void OnClick() 
    {
        // 为_uiroot对象添加子对象 
        GameObject panel = NGUITools.AddChild(_uiroot, _panel_prefab);
        // panel的位置调整
        panel.transform.localPosition= new Vector3(-200,0,0);
    }
}

　　拖动相关对象为代码中的_panel_prefab和_uiroot赋值，如下图：

　　点击按钮就可以实现动态创建panel，点击panel中的按钮可实现删除panel，并在panel的出现和消失时附有淡入淡出效果。

重写了相关部分的代码，可以自己设置淡入淡出的时间以及淡出后删除本面板的功能：

using UnityEngine;
using System.Collections;

public class PanelFade : MonoBehaviour
{
    // 表示Panel正在打开
    private bool _opening;
    // 表示Panel正在关闭
    private bool _closing;
    
    // 相关时间
    public float _open_delay_time = 0;
    public float _close_delay_time = 0;
    public float _open_time = 0.08f;
    public float _close_time = 0.08f;
    public float _invoke_time = 0.01f;

    // 设置淡入的延迟时间（即几秒后开始淡入）
    public float OpenDelayTime
    {
        get
        {
            return this._open_delay_time;
        }
        set
        {
            this._open_delay_time = value;
        }
    }

    // 设置淡出的延迟时间
    public float CloseDelayTime
    {
        get
        {
            return this._close_delay_time;
        }
        set
        {
            this._close_delay_time = value;
        }
    }

    // 淡出时间
    public float CloseTime
    {
        get
        {
            return this._close_time;
        }
        set
        {
            this._close_time = value;
        }
    }

    // 淡入时间
    public float OpenTime
    {
        get
        {
            return this._open_time;
        }
        set
        {
            this._open_time = value;
        }
    }

    // 每次刷新的时间
    public float InvokeTime
    {
        get
        {
            return this._invoke_time;
        }
        set
        {
            this._invoke_time = value;
        }
    }

    // 设置面板的打开状态，true表示正在打开
    public bool PanelOpen
    {
        set
        {
            if (this._opening == false && value == true)
            {
                this._opening = value;
                InvokeRepeating("OpenFade", this._open_delay_time, this._invoke_time);
            }
        }
    }

    // 面板关闭并删除该面板
    public bool PanelCloseAndDestory
    {
        set
        {
            if (this._closing == false && value == true)
            {
                this._closing = value;
                InvokeRepeating("DesrotyFade", this._close_delay_time, this._invoke_time);
            }
        }
    }

    // 面板的关闭状态，true表示正在关闭
    public bool PanelClose
    {
        set
        {
            if (this._closing == false && value == true)
            {
                this._closing = value;
                InvokeRepeating("CloseFade", this._close_delay_time, this._invoke_time);
            }
        }
    }

    void Start()
    {
         // 初始时淡入
        this.PanelOpen = true;
    }

    // 实现打开时淡入的功能函数
    void OpenFade()
    {
        gameObject.transform.GetComponent<UIPanel>().alpha += this._invoke_time / this._open_time;

        if (gameObject.transform.GetComponent<UIPanel>().alpha >= 1)
        {
            this._opening = false;
            CancelInvoke("OpenFade");
        } 
    }

    // 关闭时淡出的函数
    void CloseFade()
    {
        gameObject.transform.GetComponent<UIPanel>().alpha -= this._invoke_time / this._close_time;

        if (gameObject.transform.GetComponent<UIPanel>().alpha <= 0)
        {
            this._closing = false;
            CancelInvoke("CloseFade");
        }
    }

    // 面板删除淡出的函数
    void DesrotyFade()
    {
        gameObject.transform.GetComponent<UIPanel>().alpha -= this._invoke_time / this._close_time;

        if (gameObject.transform.GetComponent<UIPanel>().alpha <= 0)
        {
            this._closing = false;
            CancelInvoke("DestoryFade");
            NGUITools.Destroy(gameObject);
        }
    }
}