[UGUI]圖文混排(二)：Text源碼分析

UGUI源碼：

https://bitbucket.org/Unity-Technologies/ui/downloads/?tab=tags

 

首先下載一份UGUI源碼，這里我下載的版本是5.3.2f1。然后找到Text.cs，里面有方法OnPopulateMesh，這個方法會修改文字的頂點。而圖文混排，涉及到頂點數據的修改。因此，我們的重點就是對這個方法進行修改，這里給出一個最簡單的重寫版本，它和普通的text是一樣的。Text的渲染過程是由TextGenerator產生頂點數據，配合字體產生的貼圖最終顯示在屏幕上。

using System.Collections.Generic;
using System.Text.RegularExpressions;
using System.Text;
using UnityEngine.EventSystems;
using System;
using UnityEngine;
using UnityEngine.UI;

//下划線<material=underline c=#ffffff h=1 n=*** p=***>blablabla...</material>
public class RichTextTest : Text {

    private FontData fontData = FontData.defaultFontData;

    protected RichTextTest()
    {
        fontData = typeof(Text).GetField("m_FontData", System.Reflection.BindingFlags.NonPublic | System.Reflection.BindingFlags.Instance).GetValue(this) as FontData;
    }

    readonly UIVertex[] m_TempVerts = new UIVertex[4];
    protected override void OnPopulateMesh(VertexHelper toFill)
    {
        if (font == null)
            return;

        // We don't care if we the font Texture changes while we are doing our Update.
        // The end result of cachedTextGenerator will be valid for this instance.
        // Otherwise we can get issues like Case 619238.
        m_DisableFontTextureRebuiltCallback = true;

        Vector2 extents = rectTransform.rect.size;

        var settings = GetGenerationSettings(extents);
        cachedTextGenerator.Populate(text, settings);

        Rect inputRect = rectTransform.rect;

        // get the text alignment anchor point for the text in local space
        Vector2 textAnchorPivot = GetTextAnchorPivot(fontData.alignment);
        Vector2 refPoint = Vector2.zero;
        refPoint.x = Mathf.Lerp(inputRect.xMin, inputRect.xMax, textAnchorPivot.x);
        refPoint.y = Mathf.Lerp(inputRect.yMin, inputRect.yMax, textAnchorPivot.y);

        // Determine fraction of pixel to offset text mesh.
        Vector2 roundingOffset = PixelAdjustPoint(refPoint) - refPoint;

        // Apply the offset to the vertices
        IList<UIVertex> verts = cachedTextGenerator.verts;
        float unitsPerPixel = 1 / pixelsPerUnit;
        //Last 4 verts are always a new line...
        int vertCount = verts.Count - 4;

        toFill.Clear();
        if (roundingOffset != Vector2.zero)
        {
            for (int i = 0; i < vertCount; ++i)
            {
                int tempVertsIndex = i & 3;
                m_TempVerts[tempVertsIndex] = verts[i];
                m_TempVerts[tempVertsIndex].position *= unitsPerPixel;
                m_TempVerts[tempVertsIndex].position.x += roundingOffset.x;
                m_TempVerts[tempVertsIndex].position.y += roundingOffset.y;
                if (tempVertsIndex == 3)
                    toFill.AddUIVertexQuad(m_TempVerts);
            }
        }
        else
        {
            for (int i = 0; i < vertCount; ++i)
            {
                int tempVertsIndex = i & 3;
                m_TempVerts[tempVertsIndex] = verts[i];
                m_TempVerts[tempVertsIndex].position *= unitsPerPixel;
                if (tempVertsIndex == 3)
                    toFill.AddUIVertexQuad(m_TempVerts);
            }
        }
        m_DisableFontTextureRebuiltCallback = false;
    }
}

 

分析一下上面的代碼是怎么實現的：

首先，復制OnPopulateMesh這個方法，發現需要m_TempVerts這個變量，這個變量其實充當臨時變量的作用，因此直接復制過來即可。然后提示需要m_FontData這個變量，這個變量是FontData類型的，因此跳到FontData.cs，發現FontData這個東西幾乎就是Text在Inspector面板上的東西，但是m_FontData是私有的，這里可以通過反射去獲取這個私有變量，又因為序列化的原因，不能同名，所以這里使用變量名fontData。

 

內部源碼分析：

1.unitsPerPixel

意思為每像素單位，即一個像素占幾個unity單位。因此可以推出這個cachedTextGenerator.verts是像素單位(cachedTextGenerator.verts賦值給m_TempVerts，然后再做乘法)。那么這個變量的作用是什么呢？可以通過改變Game視圖的分辨率，然后打印下，發現隨分辨率變化，這個值也在變化，不過文字在矩形框的位置還是不變的，因此可以推測這個是用於自適應的。

 

2.m_TempVerts

在Text控件中賦值2個字，然后在循環中添加代碼：Debug.LogWarning(i + "_" + tempVertsIndex + "_" + m_TempVerts[tempVertsIndex].position);，結果如下圖。

可以看到，1個字符有4個頂點，而頂點的排列如下：

 

3.頂點的生成

通過OnPopulateMesh這個方法可以看到，生成頂點的方法如下。不過生成的頂點要去掉最后四個點，可以打印一下看看最后四個點的位置。至於為什么要這樣處理呢，因為TextGenerator這個類是在UnityEngine命名空間下的，所以我們就不得而知了...

Vector2 extents = rectTransform.rect.size;
var settings = GetGenerationSettings(extents);
cachedTextGenerator.Populate(text, settings);
IList<UIVertex> verts = cachedTextGenerator.verts;
//Last 4 verts are always a new line...
int vertCount = verts.Count - 4;

 

4.獲取字符串的長度

TextGenerator類中的GetPreferredWidth方法可以獲取字符串的長度。具體使用方式可以看Text類中的preferredWidth，這個方法得到的寬度同樣是像素單位的，因此要做轉換處理。