Unity3D实现UGUI的渐变颜色效果

本文介绍了一段Unity3D中用于实现UGUI界面元素颜色渐变效果的C#代码,包括垂直和水平方向的渐变。代码通过遍历并修改UI顶点颜色,结合Gradient类来实现动态颜色变化。该脚本可以应用于Text和Image组件,为UI增添视觉效果。
摘要由CSDN通过智能技术生成

Unity3D实现UGUI的渐变颜色效果

代码

直接上代码:

using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

[AddComponentMenu("UI/Effects/Gradient")]
public class UIGradient : BaseMeshEffect
{
    #region Public Declarations
    public enum Type
    {
        Vertical,
        Horizontal
    }
    #endregion

    #region Public Properties
    public Type GradientType = Type.Vertical;
    [Range(-1f, 1f)]
    public float Offset = 0f;
    public Gradient gradient;
    #endregion

    #region Public Methods
    public override void ModifyMesh(VertexHelper helper)
    {
        if (!IsActive() || helper.currentVertCount == 0)
        {
            return;
        }

        vertexList.Clear();
        helper.GetUIVertexStream(vertexList);

        int nCount = vertexList.Count;
        switch (GradientType)
        {
            case Type.Vertical:
                {
                    float fBottomY = vertexList[0].position.y;
                    float fTopY = vertexList[0].position.y;
                    float fYPos = 0f;

                    for (int i = nCount - 1; i >= 1; --i)
                    {
                        fYPos = vertexList[i].position.y;
                        if (fYPos > fTopY)
                            fTopY = fYPos;
                        else if (fYPos < fBottomY)
                            fBottomY = fYPos;
                    }

                    float fUIElementHeight = 1f / (fTopY - fBottomY);
                    UIVertex v = new UIVertex();

                    for (int i = 0; i < helper.currentVertCount; i++)
                    {
                        helper.PopulateUIVertex(ref v, i);
                        v.color = gradient.Evaluate((v.position.y - fBottomY) *
                        fUIElementHeight - Offset);
                        helper.SetUIVertex(v, i);
                    }
                }
                break;
            case Type.Horizontal:
                {
                    float fLeftX = vertexList[0].position.x;
                    float fRightX = vertexList[0].position.x;
                    float fXPos = 0f;

                    for (int i = nCount - 1; i >= 1; --i)
                    {
                        fXPos = vertexList[i].position.x;
                        if (fXPos > fRightX)
                            fRightX = fXPos;
                        else if (fXPos < fLeftX)
                            fLeftX = fXPos;
                    }

                    float fUIElementWidth = 1f / (fRightX - fLeftX);
                    UIVertex v = new UIVertex();

                    for (int i = 0; i < helper.currentVertCount; i++)
                    {
                        helper.PopulateUIVertex(ref v, i);
                        v.color = gradient.Evaluate((v.position.x - fLeftX) *
                        fUIElementWidth - Offset);
                        helper.SetUIVertex(v, i);
                    }
                }
                break;
            default:
                break;
        }
    }
    #endregion

    #region Internal Fields
    private List<UIVertex> vertexList = new List<UIVertex>();
    #endregion
}

代码出处:https://www.jb51.net/article/156892.htm

效果

这个脚本可以用在TextImage上。具体效果,如图:
Text
Image

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

天富儿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值