Unity实现UI渐变效果(UGUI)
2017-08-07 16:09
1651 查看
在做背包系统时,在提示面板中想实现的更加炫酷点,决定使用渐变效果来提示档次
渐变效果实现采用改变该UI的透明度来控制其显示和隐藏
在UI对象上添加Canvas Group组件
通过控制Alpha改变其透明度来控制显示和隐藏(Alpha=0隐藏;Alpha=1显示)(Blocks Raycasts=true可以交互;Blocks Raycasts=false无法交互)
添加一个脚本改在到该UI对象上
using UnityEngine;
using System.Collections;
using UnityEngine.UI;
public class ToolTilePanel : MonoBehaviour
{
private float alpha = 0.0f;
private float alphaSpeed = 2.0f;
private CanvasGroup cg;
void Start ()
{
cg = this.transform.GetComponent<CanvasGroup>();
}
void Update ()
{
if (alpha != cg.alpha)
{
cg.alpha = Mathf.Lerp(cg.alpha,alpha,alphaSpeed * Time.deltaTime);
if (Mathf.Abs(alpha-cg.alpha)<=0.01)
{
cg.alpha = alpha;
}
}
}
public void Show()
{
alpha = 1;
cg.blocksRaycasts = true;//可以和该UI对象交互
}
public void Hide()
{
alpha = 0;
cg.blocksRaycasts = false;//不可以和该UI对象交互
}
当需要显示UI对象时,调用Show方法;反之,调用Hide方法
原文博客:http://blog.csdn.net/qq_33747722/article/details/70244982
渐变效果实现采用改变该UI的透明度来控制其显示和隐藏
在UI对象上添加Canvas Group组件
通过控制Alpha改变其透明度来控制显示和隐藏(Alpha=0隐藏;Alpha=1显示)(Blocks Raycasts=true可以交互;Blocks Raycasts=false无法交互)
添加一个脚本改在到该UI对象上
using UnityEngine;
using System.Collections;
using UnityEngine.UI;
public class ToolTilePanel : MonoBehaviour
{
private float alpha = 0.0f;
private float alphaSpeed = 2.0f;
private CanvasGroup cg;
void Start ()
{
cg = this.transform.GetComponent<CanvasGroup>();
}
void Update ()
{
if (alpha != cg.alpha)
{
cg.alpha = Mathf.Lerp(cg.alpha,alpha,alphaSpeed * Time.deltaTime);
if (Mathf.Abs(alpha-cg.alpha)<=0.01)
{
cg.alpha = alpha;
}
}
}
public void Show()
{
alpha = 1;
cg.blocksRaycasts = true;//可以和该UI对象交互
}
public void Hide()
{
alpha = 0;
cg.blocksRaycasts = false;//不可以和该UI对象交互
}
当需要显示UI对象时,调用Show方法;反之,调用Hide方法
原文博客:http://blog.csdn.net/qq_33747722/article/details/70244982
相关文章推荐
- Unity实现UI渐变效果(UGUI)
- UGUI实现UI精灵由小到大渐变效果——配合unity动画曲线
- Unity5的uGUI中实现文字渐变效果(Gradient)
- Unity实现ui渐变效果
- Unity实现滑页效果(UGUI)
- Unity中修改3D模型的透明度,实现3D模型渐变出现的效果(附源码)
- Unity教程之- UGUI分页效果的实现
- Android UI效果实现 滑动模糊渐变效果实现
- Unity实现滑页效果(UGUI)
- Android UI设计之<十>自定义ListView,实现QQ空间阻尼下拉刷新和渐变菜单栏效果
- Unity使用Cardboard、MojingSDK等VR插件的3DUI(UGUI)凝视效果的实现(V客学院知识分享)
- 从UGUI源码中想到的UI动态”挖洞”效果的实现(蒙版过滤)
- Unity实现滑页效果(UGUI)
- unity ugui 文字渐变效果 5.4.3可用
- Unity UGUI InputField 实现输入效果
- [UnityUI]UGUI按钮长按效果
- Unity UGUI教程之实现滑页效果
- Unity UGUI 使用 CCTween 实现 打字效果
- JQueryUI dialog实现登录对话框效果
- JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)