UGUI中的文字描边

2022-09-13 20:34:54 阅读：190 来源： 互联网

标签：文字 Mathf next circleCount verts 描边 var UGUI total

在UGUI中，有一个专门处理描边的组件:outline。它的实现原理是在原uivertex中加入4个偏移的uivertex来实现显示效果，当我们把Effect Distance调大之后很容易发现。

在实际项目中，此组件的显示效果往往不能满足策划的要求，我们可以改进此组件的显示效果。

outline效果：

改进方法是：增加更多的uivertex偏移。

public class CircleOutline : ModifiedShadow
{
    [SerializeField]
    int m_circleCount = 20;

#if UNITY_EDITOR
    protected override void OnValidate()
    {
        base.OnValidate();
        circleCount = m_circleCount;
    }
#endif

    public int circleCount
    {
        get
        {
            return m_circleCount;
        }

        set
        {
            m_circleCount = Mathf.Max(value, 4);
            if (graphic != null)
                graphic.SetVerticesDirty();
        }
    }

    public override void ModifyVertices(List<UIVertex> verts)
    {
        if (!IsActive())
            return;

        var total = m_circleCount;
        var neededCapacity = verts.Count * total;
        if (verts.Capacity < neededCapacity)
            verts.Capacity = neededCapacity;
        var original = verts.Count;
        var count = 0;
        var next = 0;
        var dx = effectDistance.x;
        var dy = effectDistance.y;
        var radStep = 2 * Mathf.PI / total;
        var curRad = Mathf.PI * 0.25f;
        for (int i = 0; i < total; i++)
        {
            next += original;
            ApplyShadow(verts, effectColor, count, next, dx * Mathf.Cos(curRad), dy * Mathf.Sin(curRad));
            curRad += radStep;
            count = next;
        }
    }
}

实现效果：，描边锯齿感减少了。

注意：实际的顶点数量将是原text的circleCount+1倍，对于text内容较多时，将导致顶点数急剧扩张，可能达到canvas的顶点数量限制65535，所以circleCount数量应越少越好。

标签：文字,Mathf,next,circleCount,verts,描边,var,UGUI,total
来源： https://www.cnblogs.com/hghhe/p/16690696.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

UGUI中的文字描边