圖文混排解決方案二:

2.自定義一個渲染元件，用來渲染圖片，後面我會將他放在Text文字下，這裡會用一個引數，就是上面的SpriteAsset檔案，具體程式碼如下

using UnityEngine;
using UnityEngine.UI;
using System.Collections;

public class SpriteGraphic : MaskableGraphic {
    public SpriteAsset m_spriteAsset;

    public override Texture mainTexture
    {
        get
        {
            if (m_spriteAsset == null)
                return s_WhiteTexture;

            if (m_spriteAsset.texSource == null)
                return s_WhiteTexture;
            else
                return m_spriteAsset.texSource;
        }
    }

#if UNITY_EDITOR
    //在編輯器下 
    protected override void OnValidate()
    {
        base.OnValidate();
        //Debug.Log("Texture ID is " + this.texture.GetInstanceID());
    }
#endif

    protected override void OnRectTransformDimensionsChange()
    {
        // base.OnRectTransformDimensionsChange();
    }

    /// <summary>
    /// 繪製後 需要更新材質
    /// </summary>
    public new void UpdateMaterial()
    {
        base.UpdateMaterial();
    }
}

3.自定義一個指令碼用來繼承Text，這裡就是一個較為核心的程式碼，裡面寫了較為詳細的註釋

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

public class InlieText : Text {

    /// <summary>
    /// 用正則取標籤屬性 名稱-大小-寬度比例
    /// </summary>
    private static readonly Regex m_spriteTagRegex =
          new Regex(@"<quad name=(.+?) size=(\d*\.?\d+%?) width=(\d*\.?\d+%?) />", RegexOptions.Singleline);
    /// <summary>
    /// 需要渲染的圖片資訊列表
    /// </summary>
    private List<InlineSpriteInfor> listSprite;
    /// <summary>
    /// 圖片資源
    /// </summary>
    private SpriteAsset m_spriteAsset;
    /// <summary>
    /// 標籤的資訊列表
    /// </summary>
    private List<SpriteTagInfor> listTagInfor;
    /// <summary>
    /// 圖片渲染元件
    /// </summary>
    private SpriteGraphic m_spriteGraphic;
    /// <summary>
    /// CanvasRenderer
    /// </summary>
    private CanvasRenderer m_spriteCanvasRenderer;

    /// <summary>
    /// 初始化 
    /// </summary>
    protected override void OnEnable()
    {
        base.OnEnable();
        if (m_spriteGraphic == null)
            m_spriteGraphic = GetComponentInChildren<SpriteGraphic>();
        if (m_spriteCanvasRenderer == null)
            m_spriteCanvasRenderer = m_spriteGraphic.GetComponentInChildren<CanvasRenderer>();
        m_spriteAsset = m_spriteGraphic.m_spriteAsset;
    }

    /// <summary>
    /// 在設定頂點時呼叫
    /// </summary>
    public override void SetVerticesDirty()
    {
        base.SetVerticesDirty();
        //解析標籤屬性
        listTagInfor = new List<SpriteTagInfor>();
        foreach (Match match in m_spriteTagRegex.Matches(text))
        {
            SpriteTagInfor tempSpriteTag = new SpriteTagInfor();
            tempSpriteTag.name = match.Groups[1].Value;
            tempSpriteTag.index = match.Index;
            tempSpriteTag.size = new Vector2(float.Parse(match.Groups[2].Value)*float.Parse(match.Groups[3].Value), float.Parse(match.Groups[2].Value));
            listTagInfor.Add(tempSpriteTag);
        }
    }

    /// <summary>
    /// 繪製模型
    /// </summary>
    /// <param name="toFill"></param>
    protected override void OnPopulateMesh(VertexHelper toFill)
    {
        base.OnPopulateMesh(toFill);
        //獲取所有的UIVertex,繪製一個字元對應6個UIVertex，繪製順序為012 203
        List<UIVertex> listUIVertex = new List<UIVertex>();
        toFill.GetUIVertexStream(listUIVertex);
        
        //通過標籤資訊來設定需要繪製的圖片的資訊
        listSprite = new List<InlineSpriteInfor>();
        for (int i = 0; i < listTagInfor.Count; i++)
        {
            //UGUIText不支援<quad/>標籤，表現為亂碼，我這裡將他的uv全設定為0,清除亂碼
            for (int m = listTagInfor[i].index*6; m < listTagInfor[i].index*6 + 6; m++)
            {
                UIVertex tempVertex = listUIVertex[m];
                tempVertex.uv0 = Vector2.zero;
                listUIVertex[m] = tempVertex;
            }

            InlineSpriteInfor tempSprite = new InlineSpriteInfor();
            //如果圖片在第一個位置,則計算他的位置為文字的初始點位置
            //否,則返回上一個字元的第三個UIVertex的position,這是根據他的頂點的繪製順序所獲得的
            if (listTagInfor[i].index == 0)
            {
                Vector2 anchorPivot = GetTextAnchorPivot(alignment);
                Vector2 rectSize = rectTransform.sizeDelta;
                
                tempSprite.textpos = -rectSize / 2.0f + new Vector2(rectSize.x * anchorPivot.x,rectSize.y*anchorPivot.y- listTagInfor[i].size.y);

            }
            else
                tempSprite.textpos = listUIVertex[listTagInfor[i].index * 6 - 4].position;
            
            //設定圖片的位置
            tempSprite.vertices = new Vector3[4];
            tempSprite.vertices[0] = new Vector3(0, 0, 0) + tempSprite.textpos;
            tempSprite.vertices[1] = new Vector3(listTagInfor[i].size.x, listTagInfor[i].size.y, 0) + tempSprite.textpos;
            tempSprite.vertices[2] = new Vector3(listTagInfor[i].size.x, 0, 0) + tempSprite.textpos;
            tempSprite.vertices[3] = new Vector3(0, listTagInfor[i].size.y, 0) + tempSprite.textpos;

            //計算其uv
            Rect spriteRect = m_spriteAsset.listSpriteInfor[0].rect;
            for (int j = 0; j < m_spriteAsset.listSpriteInfor.Count; j++)
            {
                //通過標籤的名稱去索引spriteAsset裡所對應的sprite的名稱
                if (listTagInfor[i].name == m_spriteAsset.listSpriteInfor[j].name)
                    spriteRect = m_spriteAsset.listSpriteInfor[j].rect;
            }
            Vector2 texSize = new Vector2(m_spriteAsset.texSource.width, m_spriteAsset.texSource.height);

            tempSprite.uv = new Vector2[4];
            tempSprite.uv[0] = new Vector2(spriteRect.x / texSize.x, spriteRect.y / texSize.y);
            tempSprite.uv[1] = new Vector2((spriteRect.x + spriteRect.width) / texSize.x, (spriteRect.y + spriteRect.height) / texSize.y);
            tempSprite.uv[2] = new Vector2((spriteRect.x + spriteRect.width) / texSize.x, spriteRect.y / texSize.y);
            tempSprite.uv[3] = new Vector2(spriteRect.x / texSize.x, (spriteRect.y + spriteRect.height) / texSize.y);
            
            //宣告三角頂點所需要的陣列
            tempSprite.triangles = new int[6];
            listSprite.Add(tempSprite);
        }
        //清除<quad />標籤的亂碼 重新繪製
        toFill.Clear();
        toFill.AddUIVertexTriangleStream(listUIVertex);
        DrawSprite();
    }

   /// <summary>
   /// 繪製圖片
   /// </summary>
    void DrawSprite()
    {
        Mesh m_spriteMesh = new Mesh();

        List<Vector3> tempVertices = new List<Vector3>();
        List<Vector2> tempUv = new List<Vector2>();
        List<int> tempTriangles = new List<int>();
        
        for (int i = 0; i < listSprite.Count; i++)
        {
            for (int j = 0; j < listSprite[i].vertices.Length; j++)
            {
                tempVertices.Add(listSprite[i].vertices[j]);
            }
            for (int j = 0; j < listSprite[i].uv.Length; j++)
            {
                tempUv.Add(listSprite[i].uv[j]);
            }
            for (int j = 0; j < listSprite[i].triangles.Length; j++)
            {
                tempTriangles.Add(listSprite[i].triangles[j]);
            }
        }
        //計算頂點繪製順序
        for (int i = 0; i < tempTriangles.Count; i++)
        {
            if (i % 6 == 0)
            {
                int num = i / 6;
                tempTriangles[i] = 0 + 4 * num;
                tempTriangles[i + 1] = 1 + 4 * num;
                tempTriangles[i + 2] = 2 + 4 * num;

                tempTriangles[i + 3] = 1 + 4 * num;
                tempTriangles[i + 4] = 0 + 4 * num;
                tempTriangles[i + 5] = 3 + 4 * num;
            }
        }

        m_spriteMesh.vertices = tempVertices.ToArray();
        m_spriteMesh.uv = tempUv.ToArray();
        m_spriteMesh.triangles = tempTriangles.ToArray();

        if (m_spriteMesh == null)
            return;

        m_spriteCanvasRenderer.SetMesh(m_spriteMesh);
        m_spriteGraphic.UpdateMaterial();
    }

}

[System.Serializable]
public class SpriteTagInfor
{
    /// <summary>
    /// sprite名稱
    /// </summary>
    public string name;
    /// <summary>
    /// 對應的字元索引
    /// </summary>
    public int index;
    /// <summary>
    /// 大小
    /// </summary>
    public Vector2 size;
}


[System.Serializable]
public class InlineSpriteInfor
{
    // 文字的最後的位置
    public Vector3 textpos;
    // 4 頂點 
    public Vector3[] vertices;
    //4 uv
    public Vector2[] uv;
    //6 三角頂點順序
    public int[] triangles;
}

4.開始測試效果，建立一個InlieText元件，並在其元件下,新增一個SpriteGraphic元件,輸入文字加標籤測試

InlieTex元件:

SpriteGraphic元件:

文字測試:

5.做了一個聊天測試:

6.同時在測試的時候就發現了些許bug，這裡並不想寫出來，有興趣的可以一起修改討論。

工程使用的unity版本為unity的版本為：5.3.1f1