UGUI渐变色

最新推荐文章于 2024-06-04 09:00:35 发布

末零

最新推荐文章于 2024-06-04 09:00:35 发布

阅读量409

点赞数 2

分类专栏： Unity3D 文章标签： Unity UGUI 颜色渐变 Gradient

本文链接：https://blog.csdn.net/n_moling/article/details/106502638

版权

Unity3D 专栏收录该内容

103 篇文章 10 订阅

订阅专栏

只实现了横纵两个方向的两个色值渐变，未能实现Gradient多色，后面会寻找更好地方法。

/*******************************************************************************
* 版本声明：v1.0.0
* 类 名 称：GradientEffect
* 创建日期：2020-06-02 17:05:44
* 作者名称：末零
* 功能描述：渐变色
* 修改记录：
* 
******************************************************************************/

using System.Collections.Generic;

using UnityEngine;
using UnityEngine.UI;

namespace LastZero
{
    /// <summary>
    /// 渐变色
    /// </summary>
    public class GradientEffect : BaseMeshEffect
    {
        public enum Direction
        {
            Horizontal,
            Vertical
        }

        public Direction direction;

        public Color32 startColor = Color.white;
        public Color32 endColor = Color.black;

        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);
            }

            switch (direction)
            {
                case Direction.Horizontal:
                    var leftX = vertexs[0].position.x;
                    var rightX = vertexs[0].position.x;

                    for (var i = 1; i < count; i++)
                    {
                        var x = vertexs[i].position.x;
                        if (x < leftX)
                        {
                            leftX = x;
                        }
                        else if (x > rightX)
                        {
                            rightX = x;
                        }
                    }

                    var width = rightX - leftX;
                    for (var i = 0; i < count; i++)
                    {
                        var vertex = vertexs[i];

                        var color = Color32.Lerp(startColor, endColor, (vertex.position.x - leftX) / width);

                        vertex.color = color;

                        vh.SetUIVertex(vertex, i);
                    }
                    break;
                case Direction.Vertical:
                    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(endColor, startColor, (vertex.position.y - bottomY) / height);

                        vertex.color = color;

                        vh.SetUIVertex(vertex, i);
                    }
                    break;
            }
        }
    }
}