NGUI之UILabel描边效果

来源:互联网 发布:淘宝代购流程 编辑:程序博客网 时间:2024/06/06 04:32

项目中遇到了一些问题发现NGUI不一定能全部解决所有的问题,那么我就提供一些我们的解决方案。
正常的NGUI中的UILabel的描边实现方法是自己又生成了4个相同的字体分别放在原本字体的左上右上左下右下四个方向上来实现描边效果,这点我们可以通过调节Effect中的Outline的XY来看到他的实现方式。那么既然能看到实现方式也就是说这个描边一旦大于2左右也就能看到用来作为描边的背景字,这样往往达不到我们想要的效果。下面是解决的办法。
解决》我们使用同样的方法,只不过我们不是生成四个字体用来作为背景显示成描边,而是以四个顶点间的距离来计算,每个像素来生成一个字体。这里不用担心,即便生成再多的字体依然使用的是一个DrawCall,也就是一遍就能画完,这样我们用字来铺平中间的欠缺,就可以达到我们需要的效果了。

if (effectStyle != Effect.None)        {            int end = verts.size;            pos.x = mEffectDistance.x;            pos.y = mEffectDistance.y;             ApplyShadow(verts, uvs, cols, offset, end, pos.x, -pos.y);             if (effectStyle == Effect.Outline)            {                offset = end;                end = verts.size;                 ApplyShadow(verts, uvs, cols, offset, end, -pos.x, pos.y);                 for(int i = 0;i<(pos.x*2);i++)                {                    offset = end;                    end = verts.size;                                         ApplyShadow(verts, uvs, cols, offset, end, pos.x - i, pos.y);                }                 offset = end;                end = verts.size;                 ApplyShadow(verts, uvs, cols, offset, end, pos.x, pos.y);                 for(int i = 0;i<(pos.y*2);i++)                {                    offset = end;                    end = verts.size;                                         ApplyShadow(verts, uvs, cols, offset, end, pos.x, pos.y - i);                }                 offset = end;                end = verts.size;                                 ApplyShadow(verts, uvs, cols, offset, end, pos.x, -pos.y);                 for(int i = 0;i<(pos.x*2);i++)                {                    offset = end;                    end = verts.size;                                         ApplyShadow(verts, uvs, cols, offset, end, pos.x-i, -pos.y);                }                 offset = end;                end = verts.size;                 ApplyShadow(verts, uvs, cols, offset, end, -pos.x, -pos.y);                  for(int i = 0;i<(pos.y*2);i++)                {                    offset = end;                    end = verts.size;                                         ApplyShadow(verts, uvs, cols, offset, end, -pos.x, pos.y-i);                }            }        }


这段是UILable.cs中的脚本我进行了修改,方法很简单就是根据美两个顶点间的距离来生成一个字体用来背景显示成描边。
希望对后面学习的人有些帮助。


0 0