FairyGUI 投影图片，文本，组件

最新推荐文章于 2024-06-12 20:06:13 发布

王王王渣渣

最新推荐文章于 2024-06-12 20:06:13 发布

阅读量2.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Unity 文章标签： FairyGUI 投影图片 Unity

本文链接：https://blog.youkuaiyun.com/wangjiangrong/article/details/95341797

FairyGUI 中，文本控件自带了投影的功能，我们可以在设置中设置投影的偏移以及颜色。但是我们的UI同学想给图片等也添加投影的效果，就无从实现了。然后就丢给我们程序帮忙解决=。=

需求

可以给组件，图片等添加投影，文字投影需要可以设置透明度（目前不行）。

思路

首先自己莫得水平去改FairyGUI Editor编辑器，那就得从unity那下手。如何让unity知道哪些组件我们是想设置投影的，并且获得投影的相关参数。观察发现每个控件的设置中，都有一个自定义数据的设置，我们可以通过在自定义数据中输入一些关键字，然后在Unity解析的时候，进行处理，从而得知该控件是否需要投影以及相关参数。

接着，知道参数后，如何实现投影的效果，一开始给每个需要投影的GObject的GameObject添加一个UnityEngine.UI.Shadow的Component，发现并没什么软用。所以通过原本自带的文本投影的功能，去查看了下他的实现方法，找到相关代码如下：

//TextField.cs
public void OnPopulateMesh(VertexBuffer vb)
{
	....

	bool hasShadow = _shadowOffset.x != 0 || _shadowOffset.y != 0;
	......

	if (allocCount != count)
	{
		VertexBuffer vb2 = VertexBuffer.Begin();
		List<Vector3> vertList2 = vb2.vertices;
Y_5_2 || UNITY_5_3_OR_NEWER
		List<Vector4> uvList2 = vb2.uv0;

		List<Vector2> uvList2 = vb2.uv0;

		List<Color32> colList2 = vb2.colors;

		Color32 strokeColor = _strokeColor;
		......

		if (hasShadow)
		{
			for (int i = 0; i < count; i++)
			{
				Vector3 vert = vertList[i];
				Vector4 u = uvList[i];

				uvList2.Add(u);
				vertList2.Add(new Vector3(vert.x + _shadowOffset.x, vert.y - _shadowOffset.y, 0));
				colList2.Add(strokeColor);
			}
		}

		vb.Insert(vb2);
		vb2.End();
	}

	vb.AddTriangles();
    ......
}

大致就是依样画葫芦，将原始文本的原始顶点都进行偏移（投影偏移），然后用投影的颜色绘制出文本，然后再绘制原始文本叠加在上面，从而实现投影的功能。其中，我们只要修改strokeColor的布尔值，就可以达到投影透明的效果。

实现

思路就是TextField的投影实现方式，对于TextField，我们只需要修改strokeColor.a的值即可，对于GImage的Image，我们需自己添加类似的代码实现投影的绘制。

需要修改的文件有五个，GComponent，GImage，GObject，GTextField，NGraphics。由于这些都是FairyGUI的文件，直接改动的话之后要是更新了，容易导致覆盖，所以我们可以把这些类都改为partial class然后把大部分的逻辑代码都写在外面。

首先，我要解析我们设定的自定义数据，我定的规则如下ShadowOffset:5,5|ShadowAlpha:0.5|ShadowColor:00FF00，| 分割的键值对。新建一个GObject.cs文件，进行自定义数据的解析

using UnityEngine;
using System;

namespace FairyGUI
{
    public partial class GObject : EventDispatcher
	{
        bool mIsCustomShadowOffset = false;
        Vector2 mCustomShadowOffset = Vector2.zero;
        public bool IsCustomShadowOffset
        {
            get { return mIsCustomShadowOffset; }
        }
        public Vector2 CustomShadowOffset
        {
            get { return mCustomShadowOffset; }
        }

        bool mIsCustomShadowColor = false;
        Color mCustomShadowColor = Color.black;
        public bool IsCustomShadowColor
        {