Unity实现UI渐变效果(UGUI)
来源:互联网 发布:中国顾问在叙利亚知乎 编辑:程序博客网 时间:2024/06/08 05:23
在做背包系统时,在提示面板中想实现的更加炫酷点,决定使用渐变效果来提示档次
渐变效果实现采用改变该UI的透明度来控制其显示和隐藏
在UI对象上添加Canvas Group组件
当需要显示UI对象时,调用Show方法;反之,调用Hide方法
渐变效果实现采用改变该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
阅读全文
0 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滑出效果
- Dubbo之Zookeeper作用解析
- 1052 最大M子段和
- 安卓6.0以上ScrollView嵌套RecyclerView条目无法全部显示
- Codeforces Round #427 (Div. 2) D-Palindromic characteristics (回文串,暴力)
- JZOJ5235. 【NOIP2017模拟8.7A组】好的排列
- Unity实现UI渐变效果(UGUI)
- EasyUI查询数据为空时的提示
- CF152C: Pocket Book(思维)
- 智能指针auto_ptr、scoped_ptr、shared_ptr和weak_ptr
- ACM题集以及各种总结大全
- HDU 4764 Stone 巴什博弈
- opencv1.0使用cvLoadImage读取一个文件夹下连续编号的图片
- kotlin 语法基础-平台提供的数据类型
- 数值的整数次方