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中添加下述代码的脚本组件:

  Unity 动态载入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 = ;
} // 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 >= )
_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 <= )
{
_closing = false;
NGUITools.Destroy(gameObject);
}
}
}
}

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

2、淡出效果:

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

  Unity 动态载入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(-,,);
}
}

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

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

  点击按钮就可以实现动态创建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 = ;
public float _close_delay_time = ;
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 >= )
{
this._opening = false;
CancelInvoke("OpenFade");
}
} // 关闭时淡出的函数
void CloseFade()
{
gameObject.transform.GetComponent<UIPanel>().alpha -= this._invoke_time / this._close_time; if (gameObject.transform.GetComponent<UIPanel>().alpha <= )
{
this._closing = false;
CancelInvoke("CloseFade");
}
} // 面板删除淡出的函数
void DesrotyFade()
{
gameObject.transform.GetComponent<UIPanel>().alpha -= this._invoke_time / this._close_time; if (gameObject.transform.GetComponent<UIPanel>().alpha <= )
{
this._closing = false;
CancelInvoke("DestoryFade");
NGUITools.Destroy(gameObject);
}
}
}

PanelFade

上一篇:VIM的一些操作小技巧


下一篇:Mysql之表的操作与索引操作