Unity如何实现UI渐变效果-创新互联

这篇文章主要为大家展示了Unity如何实现UI渐变效果，内容简而易懂，希望大家可以学习一下，学习完之后肯定会有收获的，下面让小编带大家一起来看看吧。

成都创新互联公司是一家专业提供翔安企业网站建设,专注与成都网站建设、网站设计、H5页面制作、小程序制作等业务。10年已为翔安众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。

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

渐变效果实现采用改变该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对象交互
 }

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

文章名称：Unity如何实现UI渐变效果-创新互联
文章转载：https://www.cdcxhl.com/article14/ccigge.html

成都网站建设公司_创新互联，为您提供微信公众号、网站设计公司、网站策划、网站营销、面包屑导航、电子商务

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联