当前位置： 移动技术网 > IT编程>开发语言>c# > Unity实现UI渐变效果

Unity实现UI渐变效果

2020年06月23日  | 移动技术网IT编程  | 我要评论

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

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

渐变效果实现采用改变该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方法

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网