【100个 Unity实用技能】☀️ | UGUI Text中加入超链接文本，可直接点击跳转

---

Unity 小科普

老规矩，先介绍一下 Unity 的科普小知识：

• Unity是 实时3D互动内容创作和运营平台 。
• 包括游戏开发、美术、建筑、汽车设计、影视在内的所有创作者，借助 Unity 将创意变成现实。
• Unity 平台提供一整套完善的软件解决方案，可用于创作、运营和变现任何实时互动的2D和3D内容，支持平台包括手机、平板电脑、PC、游戏主机、增强现实和虚拟现实设备。
• 也可以简单把 Unity 理解为一个游戏引擎，可以用来专业制作游戏！

---

Unity 实用小技能学习

【100个 Unity实用技能】☀️ | UGUI Text中加入超链接文本，可直接点击跳转

在项目中我们可能会有需求让文本显示中增加以一个可以进行点击的具有超链接的文本。

最常见的是在一段正常文本内容中，有中间几个字可以进行点击并执行某种事件，比如很多游戏的聊天大厅中会有玩家发出一段文字并带有装备的名称，此时点击装备就可以弹窗显示装备的信息，这个也算是在文本中加入超链接的一种。

下面就来看一下怎样使用Unity中的UGUI来实现这种效果，实现的方式应该有许多种，这里就演示两种给大家参考使用了！

第一种方法：重写一个Text文本控件

需要新建一个脚本HyperlinkText .cs放到项目中，核心脚本代码如下：

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

/// 文本控件,支持超链接
/// 
public class HyperlinkText : Text, IPointerClickHandler
{
    /// 

    /// 超链接信息类
    /// 
    private class HyperlinkInfo
    {
        public int startIndex;
 
        public int endIndex;
 
        public string name;
 
        public readonly List<Rect> boxes = new List<Rect>();
    }
 
    /// 

    /// 解析完最终的文本
    /// 
    private string m_OutputText;
 
    /// 

    /// 超链接信息列表
    /// 
    private readonly List<HyperlinkInfo> m_HrefInfos = new List<HyperlinkInfo>();
 
    /// 

    /// 文本构造器
    /// 
    protected static readonly StringBuilder s_TextBuilder = new StringBuilder();
 
    [Serializable]
    public class HrefClickEvent : UnityEvent<string> { }
 
    [SerializeField]
    private HrefClickEvent m_OnHrefClick = new HrefClickEvent();
 
    /// 

    /// 超链接点击事件
    /// 
    public HrefClickEvent onHrefClick
    {
        get { return m_OnHrefClick; }
        set { m_OnHrefClick = value; }
    }
 
 
    /// 

    /// 超链接正则
    /// 
    private static readonly Regex s_HrefRegex = new Regex(@"\n\s]+)>(.*?)()", RegexOptions.Singleline);
 
    private HyperlinkText mHyperlinkText;
 
    protected override void Awake()
    {
        base.Awake();
        mHyperlinkText = GetComponent<HyperlinkText>();
    }
    protected override void OnEnable()
    {
        base.OnEnable();
        mHyperlinkText.onHrefClick.AddListener(OnHyperlinkTextInfo);
    }
 
    protected override void OnDisable()
    {
        base.OnDisable();
        mHyperlinkText.onHrefClick.RemoveListener(OnHyperlinkTextInfo);
    }
 
 
    public override void SetVerticesDirty()
    {
        base.SetVerticesDirty();
#if UNITY_EDITOR
        if (UnityEditor.PrefabUtility.GetPrefabType(this) == UnityEditor.PrefabType.Prefab)
        {
            return;
        }
#endif
        m_OutputText = GetOutputText(text);
 
    }
 
 
    protected override void OnPopulateMesh(VertexHelper toFill)
    {
        var orignText = m_Text;
        m_Text = m_OutputText;
        base.OnPopulateMesh(toFill);
        m_Text = orignText;
        UIVertex vert = new UIVertex();
 
        // 处理超链接包围框
        foreach (var hrefInfo in m_HrefInfos)
        {
            hrefInfo.boxes.Clear();
            if (hrefInfo.startIndex >= toFill.currentVertCount)
            {
                continue;
            }
 
            // 将超链接里面的文本顶点索引坐标加入到包围框
            toFill.PopulateUIVertex(ref vert, hrefInfo.startIndex);
            var pos = vert.position;
            
            var bounds = new Bounds(pos, Vector3.zero);
            for (int i = hrefInfo.startIndex, m = hrefInfo.endIndex; i < m; i++)
            {
                if (i >= toFill.currentVertCount)
                {
                    break;
                }
 
                toFill.PopulateUIVertex(ref vert, i);
                pos = vert.position;
                if (pos.x < bounds.min.x) // 换行重新添加包围框
                {
                    hrefInfo.boxes.Add(new Rect(bounds.min, bounds.size));
                    bounds = new Bounds(pos, Vector3.zero);
                }
                else
                {
                    bounds.Encapsulate(pos); // 扩展包围框
 
                }
            }
 
            hrefInfo.boxes.Add(new Rect(bounds.min, bounds.size));
        }
    }
 
    /// 

    /// 获取超链接解析后的最后输出文本
    /// 
    /// 
    protected virtual string GetOutputText(string outputText)
    {
        s_TextBuilder.Length = 0;
        m_HrefInfos.Clear();
        var indexText = 0;
        foreach (Match match in s_HrefRegex.Matches(outputText))
        {
            s_TextBuilder.Append(outputText.Substring(indexText, match.Index - indexText));
 
            string str = s_TextBuilder.ToString();
            char[] array = str.ToCharArray();                //把字符串转化成字符数组
            IEnumerator enumerator = array.GetEnumerator();         //得到枚举器
            StringBuilder stringBuilder = new StringBuilder();
            while (enumerator.MoveNext())                         //开始枚举
            {
                if ((char)enumerator.Current != ' ')         //向StringBuilder类对象添加非空格字符
                    stringBuilder.Append(enumerator.Current.ToString());
            }
 
            var group = match.Groups[1];
            var hrefInfo = new HyperlinkInfo
            {
                startIndex = stringBuilder.Length * 4, // 超链接里的文本起始顶点索引
                endIndex = (stringBuilder.Length + match.Groups[2].Length - 1) * 4 + 3 ,
                name = group.Value
            };
 
            m_HrefInfos.Add(hrefInfo);
            s_TextBuilder.Append("");  // 超链接颜色
            s_TextBuilder.Append(match.Groups[2].Value);
            s_TextBuilder.Append("");
            indexText = match.Index + match.Length;
        }
        s_TextBuilder.Append(outputText.Substring(indexText, outputText.Length - indexText));
        return s_TextBuilder.ToString();
    }
 
    /// 

    /// 点击事件检测是否点击到超链接文本
    /// 
    /// 
    public void OnPointerClick(PointerEventData eventData)
    {
        Vector2 lp = Vector2.zero;
        
        RectTransformUtility.ScreenPointToLocalPointInRectangle(rectTransform, eventData.position, eventData.pressEventCamera, out lp);
 
        foreach (var hrefInfo in m_HrefInfos)
        {
            var boxes = hrefInfo.boxes;
            for (var i = 0; i < boxes.Count; ++i)
            {
                if (boxes[i].Contains(lp))
                {
                    m_OnHrefClick.Invoke(hrefInfo.name);
                    return;
                }
            }
        }
    }
    /// 

    /// 当前点击超链接回调
    /// 
    /// 回调信息
    private void OnHyperlinkTextInfo(string info)
    {
        Debug.Log("超链接信息：" + info);
        Application.OpenURL(info);
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220

脚本完成后，在场景中新建一个Text组件（或者Create->Empty也可以），然后将原有的Text组件删掉，添加刚才新建的脚本组件HyperlinkText 。

此时在该组件中添加文字文本测试：[小Y博客]，场景中如下显示：

此时运行项目，对蓝色字体进行点击即可完成超链接跳转功能。

如不想跳转网页链接，而是执行项目中的某个事件（如打开某个窗口），可以在脚本中的OnHyperlinkTextInfo()方法中进行具体事件的逻辑添加。

---

第二种方法：通过在Text组件中内嵌Button的方式完成点击功能

这个方法其实就是属于比较朴实无华的方案了，通过在Text组件再添加一个Button放到指定文字下面完成点击事件，这就属于基本的UGUI操作了，不属于超链接文本那一类。

不过从表现效果来看，功能是完全可以完成实现的，并且还可以通过富文本来定制各种颜色的文本显示效果。

对于一些需要静态显示的文本来说，这种最原始的方法反而可以更有效的实现功能，但如果是动态文本，那还是不推荐这种方法的。

---

• 🎬 博客主页：https://xiaoy.blog.csdn.net

• 🎥 本文由 呆呆敲代码的小Y 原创，首发于 CSDN🙉

• 🎄 学习专栏推荐：Unity系统学习专栏

• 🌲 游戏制作专栏推荐：游戏制作

• 🌲Unity实战100例专栏推荐：Unity 实战100例 教程

• 🏅 欢迎点赞 👍 收藏 ⭐留言 📝 如有错误敬请指正！

• 📆 未来很长，值得我们全力奔赴更美好的生活✨

• ------------------❤️分割线❤️-------------------------

资料白嫖，技术互助