Unity实现UI渐变效果(UGUI)
来源:互联网 发布:linux中vi常用命令 编辑:程序博客网 时间:2024/06/08 11:32
在做背包系统时,在提示面板中想实现的更加炫酷点,决定使用渐变效果来提示档次
渐变效果实现采用改变该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方法
1 0
- Unity实现UI渐变效果(UGUI)
- Unity实现UI渐变效果(UGUI)
- Unity实现ui渐变效果
- UGUI实现UI精灵由小到大渐变效果——配合unity动画曲线
- Unity实现滑页效果(UGUI)
- Unity实现滑页效果(UGUI)
- unity ugui 文字渐变效果 5.4.3可用
- Unity5的uGUI中实现文字渐变效果(Gradient)
- uGUI-Effect-Tool 渐变效果
- Unity GUI(uGUI)扩展实例:文本竖直三色渐变
- Unity UGUI烟雾效果
- Android UI效果实现 滑动模糊渐变效果实现
- Unity教程之- UGUI分页效果的实现
- Unity UI系统-UGUI简介
- [Unity UGUI]ScrollRect效果大全
- Unity UGUI模拟打字效果
- UGUI实现unity摇杆
- unity 脚本实现UI滑出效果
- python多进程与多线程学习总结
- memset函数的作用和用法
- Android中三种像素单位的区别
- Android学习(0)
- 为coder写的UUID小知识
- Unity实现UI渐变效果(UGUI)
- hibernate教程--一级缓存详解
- tensorflow安装时遇到的问题
- leetcode:338. Counting Bits
- 蓝桥杯2016年第七届决赛C_C++程序设计本科B组
- hdu4819_Mosaic_二维线段树(及二维线段树的概念的理解)
- 多彩的树 ssl2658 dfs+容斥原理
- struts2中的result用法
- android相关知识