欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Unity实现UI渐变效果

程序员文章站 2023-09-06 16:29:06
本文实例为大家分享了unity实现ui渐变效果的具体代码,供大家参考,具体内容如下在做背包系统时,在提示面板中想实现的更加炫酷点,决定使用渐变效果来提示档次渐变效果实现采用改变该ui的透明度来控制其显...

本文实例为大家分享了unity实现ui渐变效果的具体代码,供大家参考,具体内容如下

在做背包系统时,在提示面板中想实现的更加炫酷点,决定使用渐变效果来提示档次

渐变效果实现采用改变该ui的透明度来控制其显示和隐藏

在ui对象上添加canvas group组件

通过控制alpha改变其透明度来控制显示和隐藏(alpha=0隐藏;alpha=1显示)(blocks raycasts=true可以交互;blocks raycasts=false无法交互)

Unity实现UI渐变效果

添加一个脚本改在到该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方法

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。