unity ugui 文字渐变效果 5.4.3可用

最新推荐文章于 2023-03-01 21:59:13 发布

转载最新推荐文章于 2023-03-01 21:59:13 发布 · 1.7k 阅读

学习专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一种在Unity3D中实现UI元素渐变颜色效果的方法。通过自定义的Gradient组件，可以轻松地为UI元素应用从底部颜色到顶部颜色的渐变过渡。此方法适用于Unity3D的不同版本。

实现源于雨松momo的一篇文章点击打开链接

鉴于unity3d的版本更新，测试了下评论里的一位哥们的版本，发现能行，这里整理了下代码：

Gradient.cs

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

[AddComponentMenu("UI/Effects/Gradient")]
public class Gradient : BaseMeshEffect
{ 
    public Color32 topColor = Color.white;
    public Color32 bottomColor = Color.black;

    public override void ModifyMesh(VertexHelper vh)
    {
        if (!IsActive())
        {
            return;
        }
        int count = vh.currentVertCount;
        if (count == 0) return;
        List<UIVertex> vertexs = new List<UIVertex>();
        for (int i = 0; i < count; i++)
        {
            UIVertex vertex = new UIVertex();
            vh.PopulateUIVertex(ref vertex, i);
            vertexs.Add(vertex);
        }
        float topY = vertexs[0].position.y;
        float bottomY = vertexs[0].position.y;
        for (int i = 1; i < count; i++)
        {
            float y = vertexs[i].position.y;
            if (y > topY)
            {
                topY = y;
            }
            else if (y < bottomY)
            {
                bottomY = y;
            }
        }
        float height = topY - bottomY;
        for (int i = 0; i < count; i++)
        {
            UIVertex vertex = vertexs[i];
            Color32 color = Color32.Lerp(bottomColor, topColor, (vertex.position.y - bottomY) / height);
            vertex.color = color;
            vh.SetUIVertex(vertex, i);
        }
    }

}

UI/Effects/Gradient