Unity如何实现UI渐变效果
这篇文章主要为大家展示了Unity如何实现UI渐变效果,内容简而易懂,希望大家可以学习一下,学习完之后肯定会有收获的,下面让小编带大家一起来看看吧。
创新互联建站专注于企业营销型网站、网站重做改版、新邱网站定制设计、自适应品牌网站建设、H5技术、电子商务商城网站建设、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为新邱等各大城市提供网站开发制作服务。
在做背包系统时,在提示面板中想实现的更加炫酷点,决定使用渐变效果来提示档次
渐变效果实现采用改变该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(); } 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方法
以上就是关于Unity如何实现UI渐变效果的内容,如果你们有学习到知识或者技能,可以把它分享出去让更多的人看到。
当前文章:Unity如何实现UI渐变效果
文章分享:http://myzitong.com/article/pddcpe.html