UGUI之文字颜色渐变和描边

发表于2019-01-15
评论0 3k浏览
在做开发的时候,遇到这样一个需求:对文字渐变色做设置,同时还要加上描边的效果。为此,这里就给大家分享一个好用的代码,可以直接拿来使用,用作任何的设置。(描边效果是Unity自带的,添加Outline组件进行设置就好了)

注意:一定是字体渐变色脚本在,描边组件的上边,向下图这样会报错的。


代码如下:
using UnityEngine;
using System.Collections;
using System.Collections.Generic;
using UnityEngine.UI;
using System;
/// <summary>
/// 渐变字体
/// </summary>
[AddComponentMenu("UI/Effects/Gradient")]
public  class FontGradient : BaseMeshEffect
{
    public Color32 topColor = Color.white;
    public Color32 bottomColor = Color.black;
    public bool useGraphicAlpha = true;
    public override void ModifyMesh(VertexHelper vh)
    {
        if (!IsActive())
        {
            return;
        }
        var count = vh.currentVertCount;
        if (count == 0)
            return;
        var vertexs = new List<UIVertex>();
        for (var i = 0; i < count; i++)
        {
            var vertex = new UIVertex();
            vh.PopulateUIVertex(ref vertex, i);
            vertexs.Add(vertex);
        }
        var topY = vertexs[0].position.y;
        var bottomY = vertexs[0].position.y;
        for (var i = 1; i < count; i++)
        {
            var y = vertexs[i].position.y;
            if (y > topY)
            {
                topY = y;
            }
            else if (y < bottomY)
            {
                bottomY = y;
            }
        }
        var height = topY - bottomY;
        for (var i = 0; i < count; i++)
        {
            var vertex = vertexs[i];
            var color = Color32.Lerp(bottomColor, topColor, (vertex.position.y - bottomY) / height);
            vertex.color = color;
            vh.SetUIVertex(vertex, i);
        }
    }
}

如社区发表内容存在侵权行为,您可以点击这里查看侵权投诉指引