【Unity3D】【NGUI】渐变label

本文介绍如何在NGUI版本v3.0以上的环境中使用SZUIGridientLabel组件来创建带有渐变效果的标签。通过自定义颜色上渐变和下渐变,可以为应用增添视觉吸引力。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天有人和我说渐变的label,我觉得不错,就简单写了一下。

NGUI版本v3.0以上。(3.0.6已经内置这个功能了)


Monobehaviour SZUIGridientLabel:

using UnityEngine;
using System.Collections;

public class SZUIGridientLabel : UILabel
{
	
	public Color colorUp = Color.white;
	public Color colorDown = Color.white;
	
	public override void OnFill (BetterList<Vector3> verts, BetterList<Vector2> uvs, BetterList<Color32> cols)
	{
		int start = verts.size;
		base.OnFill (verts, uvs, cols);
		int length = verts.size - start;
		int end = verts.size;
		switch (effectStyle) {
		case UILabel.Effect.Outline:
			{
				length /= 5;
			}
			break;
		case UILabel.Effect.Shadow:
			{
				length /= 2;
			}
			break;
		}
		
		Color32 colUp = CalculateColor (colorUp);
		Color32 colDown = CalculateColor (colorDown);
		
		int index = 0;
		for (int i = end-length; i < end; ++i, index = (++index)%4) {
			cols.buffer [i] = index > 1 ? colUp : colDown;
		}
	}
	
	private Color32 CalculateColor (Color co)
	{
		Color c = co;
		c.a *= alpha * mPanel.alpha;
		Color32 col = bitmapFont != null ? ((bitmapFont.premultipliedAlpha) ? NGUITools.ApplyPMA (c) : c) : c;
		return col;
	}
}
编辑类SZUIGridientLabelInspector:

using UnityEngine;
using UnityEditor;
using System;

/// <summary>
/// Inspector class used to edit SZUIGridientLabels.
/// </summary>

[CustomEditor(typeof(SZUIGridientLabel))]
public class SZUIGridientLabelInspector : UILabelInspector
{
	SZUIGridientLabel mGridientLabel;
	
	void RegisterUndo () { NGUIEditorTools.RegisterUndo("GridientLabel Change", mGridientLabel); }

	protected override bool DrawProperties ()
	{
		mGridientLabel = mWidget as SZUIGridientLabel;
		bool result = base.DrawProperties();
		Color c = EditorGUILayout.ColorField("Color Up", mGridientLabel.colorUp);
		if (mGridientLabel.colorUp != c) { RegisterUndo(); mGridientLabel.colorUp = c; mGridientLabel.MarkAsChangedLite(); }
		c = EditorGUILayout.ColorField("Color Down", mGridientLabel.colorDown);
		if (mGridientLabel.colorDown != c) { RegisterUndo(); mGridientLabel.colorDown = c; mGridientLabel.MarkAsChangedLite(); }
		return result;
	}
}



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值