[UGUI进阶知识十五]图片渐变色

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

/// <summary>
/// UI渐变特效,继承BaseMeshEffect函数
/// </summary>
public class GradientEffect : BaseMeshEffect
{
	//设置渐变色
	public Color topColor = Color.white;
	public Color botttomColor = Color.white;

	//重写ModifyMesh函数
	public override void ModifyMesh(VertexHelper vh)
	{
		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 topX = vertexs[0].position.x;
		float bottomX = vertexs[0].position.x;
		for (int i = 1; i < count; i++)
		{
			float x = vertexs[i].position.x;
			if (x > topX)
			{
				topX = x;
			}
			else if (x < bottomX)
			{
				bottomX = x;
			}
		}

		float height = topX - bottomX;
		for (int i = 0; i < count; i++)
		{
			UIVertex vertex = vertexs[i];

			//颜色插值实现渐变
			Color color = Color.Lerp(botttomColor, topColor, (vertex.position.x - bottomX) / height);
			vertex.color = color;
			vh.SetUIVertex(vertex, i);
		}
	}

	public void SetColor(Color32 color1, Color32 color2)
	{
		topColor = color1;
		botttomColor = color2;
	}
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

染指流年丨

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

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

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

打赏作者

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

抵扣说明:

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

余额充值