记一次修改unity3d富文本插件的设计缺陷

[TOC]

小弟最近开发客户端的聊天系统。策划案子要求支持图片和文字混排。我在github上找到了功能较为丰富，start数比较多的插件TextInlineSprite

它支持：

文本超链接显示
文本下划线效果
支持同时多个表情集

插件提供了详细的样例代码，让你非常容易入手。在此感觉作者coding2233的贡献

然而，当我滑动无限复用列表时，表情位置显示不正确（如上图）！！特别是在UI项超出边界，被回收复用时，偏移尤为明显。我参考插件样例ChatTest相关代码（如下），当ScrollRect的位置变化时，同时也调整SpriteGraphic的位置，目的是抵消表情位置偏差。不过问题依然没有改善。

namespace EmojiText.Taurus
{
    
	public class ChatTest : MonoBehaviour
	{
        //滚动文本
		[SerializeField]
		private ScrollRect _scrollView;

        [SerializeField]
		private RectTransform _spriteRect;

        // something here...

        private IEnumerator Start()
		{
			_scrollView.onValueChanged.AddListener(OnSrcollViewChanged);

            // something here...
        }

        private void OnSrcollViewChanged(Vector2 pos)
		{
			_spriteRect.anchoredPosition = _scrollView.content.anchoredPosition;

            // something here...
        }

        // something here...
    }
}

经过长时间的调试，我发现在UI复用的一帧非常容易出现位置错误。实际是一个设计缺陷，导致了该问题。我向作者已提了issues

渲染一个表情在v3.0的实现里，流程大致如下：

【流程一】 InlineText.OnPopulateMesh转换表情顶点至全局坐标，InlineManager.UpdateTextInfo再将全局坐标转换到SpriteGraphic下的局部坐标。

【流程二】 InlineManager.Update合批相同表情ID的Mesh，转输到SpriteGraphic.OnPopulateMesh作最终渲染。

因为InlineManager.Update合批Mesh，所以这两个流程相差1帧。如果InlineText的坐标在这帧变动了（如列表划动），因为没其它逻辑去强刷缓存在InlineManager的EmojiText.Taurus.MeshInfo坐标，所以SpriteGraphic.OnPopulateMesh使用的是不正确的坐标。结果显示上表情位置偏移了。

像ChatTest样例中，监听ScrollRect.onValueChanged事件，修复SpriteGraphic坐标并未解决以上问题。因为它是与 【流程一】 同帧进行。依然与 【流程二】 相差了1帧。
private void OnSrcollViewChanged(Vector2 pos)
{
   _spriteRect.anchoredPosition = _scrollView.content.anchoredPosition;
}
测试代码如下：
public class Test : MonoBehaviour
{
   public InlineText inText = null;
   public SpriteGraphic graphic = null;

   void Start()
   {
       inText.text = "NewText[#emoji_0]";

		// 模拟在【流程一】与【流程二】中间1帧，修改了InlineText坐标
       graphic.RegisterDirtyVerticesCallback(() =>
       {
           inText.transform.localPosition = new Vector3(200, 200, 0);
       });
   }
}
执行结果如下