Unity3D Text使用超链接跳转事件

系列文章目录

Unity工具

文章目录

  • 系列文章目录
  • 👉前言
  • 👉一、第一种使用TextMeshPro加入超链接
  • 👉二、继承Text组件,重载OnPopulateMesh方法
  • 👉三.壁纸分享
  • 👉总结

👉前言

有时候会用到跳转的问题,所以添加一个跳转的方法,方便使用,简单记录一下
主要是两种方法,一种是使用 TextMeshPro,另一种是继承Text组件,重载OnPopulateMesh方法
大家好，我是心疼你的一切，不定时更新Unity开发技巧，觉得有用记得一键三连哦。
欢迎点赞评论哦.
下面就让我们进入正文吧 !

提示：以下是本篇文章正文内容，下面案例可供参考

👉一、第一种使用TextMeshPro加入超链接

这种就比较简单了,因为它本来就支持超链接,只需要使用标签link即可

标签类型如下:

<link="linkkkkkkkk"></link>//超链接标签
<#0C86BA></color>//颜色标签
<u></u>//下划线标签

TMP设置如下
TMP设置为canvas下面,创建空物体,添加TextMeshPro-Text(UI)组件即可
如果想要输入中文需要自己设置字体包要不然输入不了中文的(切记)
Text Input显示的示例:

<link="linkkkkkk"><u><#0076FF>csdn url</u></color></link>

在这里插入图片描述

效果图如下所示
在这里插入图片描述

新建脚本TMPTextLink.cs开始编写代码,代码如下:

using System.Collections;
using System.Collections.Generic;
using TMPro;
using UnityEngine;
using UnityEngine.EventSystems;public class TMPTextLink : MonoBehaviour, IPointerClickHandler
{private TextMeshProUGUI m_TextMeshPro;void Awake(){m_TextMeshPro = this.transform.GetComponent<TextMeshProUGUI>();}void Start(){}public void OnPointerClick(PointerEventData eventData){int linkIndex = TMP_TextUtilities.FindIntersectingLink(m_TextMeshPro, Input.mousePosition, eventData.pressEventCamera);TMP_LinkInfo linkInfo = m_TextMeshPro.textInfo.linkInfo[linkIndex];RectTransformUtility.ScreenPointToLocalPointInRectangle(m_TextMeshPro.rectTransform, eventData.position, eventData.pressEventCamera, out var worldPointInRectangle);switch (linkInfo.GetLinkID()){//要跟标签里面的id一致case "linkkkkkk":Debug.Log("点击了linkkkkkk的超链接");Application.OpenURL("https://blog.csdn.net/qq_42603590?type=blog");break;}}
}

最后效果自行测试吧,点击之后就会跳转到博客页面,并且会打印
在这里插入图片描述

👉二、继承Text组件,重载OnPopulateMesh方法

1.使用正则表达式获取超链接标签

//获取以<a link=>开头，以</a>结束的内容。
<a link=([^>\n\s]+)>(.*?)(</a>)

2.新建一个LinkText.cs脚本,编辑如下 ,脚本继承Text,IPointerClickHandler
代码如下:

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;/// <summary>
/// 超链接信息类
/// </summary>
/// 
[Serializable]
public class HyperlinkInfo
{public int startIndex;public int endIndex;public string name;public readonly List<Rect> boxes = new List<Rect>();
}
public class LinkText : Text, IPointerClickHandler
{/// <summary>/// 解析完最终的文本/// </summary>private string m_OutputText;/// <summary>/// 超链接信息列表/// </summary>private readonly List<HyperlinkInfo> _mLinkInfos = new List<HyperlinkInfo>();/// <summary>/// 文本构造器/// </summary>protected static readonly StringBuilder s_TextBuilder = new StringBuilder();/// <summary>/// 超链接正则表达式/// </summary>private static readonly Regex s_HrefRegex = new Regex(@"<a link=([^>\n\s]+)>(.*?)(</a>)", RegexOptions.Singleline);/// <summary>/// 文本超链接控件/// </summary>private LinkText mHyperlinkText;protected override void Awake(){base.Awake();mHyperlinkText = GetComponent<LinkText>();}#region 回调事件public Action<string> onLinkClick;/// <summary>/// 点击事件检测是否点击到超链接文本/// </summary>/// <param name="eventData"></param>public void OnPointerClick(PointerEventData eventData){RectTransformUtility.ScreenPointToLocalPointInRectangle(rectTransform, eventData.position, eventData.pressEventCamera, out var lp);foreach (var info in _mLinkInfos){var boxes = info.boxes;for (var i = 0; i < boxes.Count; ++i){if (!boxes[i].Contains(lp)) continue;onLinkClick?.Invoke(info.name);return;}}}#endregion#region 生成超链接/// <summary>/// 重新渲染网格/// </summary>public override void SetVerticesDirty(){base.SetVerticesDirty();m_OutputText = GetOutputText(text);}/// <summary>/// 处理Text顶点数据/// </summary>/// <param name="toFill"></param>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 _mLinkInfos){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));}}/// <summary>/// 获取超链接解析后的最后输出文本/// </summary>/// <returns></returns>protected virtual string GetOutputText(string outputText){s_TextBuilder.Length = 0;_mLinkInfos.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};_mLinkInfos.Add(hrefInfo);s_TextBuilder.Append("<color=blue>");  // 超链接颜色s_TextBuilder.Append(match.Groups[2].Value);s_TextBuilder.Append("</color>");indexText = match.Index + match.Length;}s_TextBuilder.Append(outputText.Substring(indexText, outputText.Length - indexText));return s_TextBuilder.ToString();}#endregion
}

2.新建一个空物体把LinkText组件添加进去
3.最后再写一个调用脚本LinkTextOnlick.cs也挂到这个空物体上即可
代码如下:

using System.Collections;
using System.Collections.Generic;
using UnityEngine;public class LinkTextOnlick : MonoBehaviour
{public LinkText linkText;void Start(){// 动态显示文本linkText.text = "文本测试：<a link=https://blog.csdn.net/qq_42603590>我的博客</a>";// 绑定事件linkText.onLinkClick = (info) => onclick(info);}void onclick(string info){Debug.Log(info);Application.OpenURL(info);}
}

记得挂上去之后拖一下LinkText组件,或者在start里面写一个查找都行,看自己心情喽
之后运行点击"我的博客即可跳转链接了哦"
4.运行效果图如下
在这里插入图片描述

👉三.壁纸分享

请添加图片描述
请添加图片描述

👉总结

本次总结的就是Text实现超链接跳转，有需要会继续添加新的
如能帮助到你，就帮忙点个赞吧，三连更好哦,谢谢
你的点赞就是对博主的支持，有问题记得留言评论哦!
不定时更新Unity开发技巧，觉得有用记得一键三连哦。么么哒

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/web/36052.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

基于深度学习的轮廓匹配

基于深度学习的轮廓匹配

基于深度学习的轮廓匹配 轮廓匹配是一种用于识别和定位图像中物体的技术&#xff0c;通过比较图像中的轮廓与已知模板轮廓的相似度&#xff0c;确定目标物体的位置和形状。基于深度学习的轮廓匹配方法结合了卷积神经网络&#xff08;CNN&#xff09;等深度学习技术&#xff0c…
阅读更多...
【Python机器学习实战】 | 基于支持向量机（Support Vector Machine, SVM）进行分类和回归任务分析

【Python机器学习实战】 | 基于支持向量机（Support Vector Machine, SVM）进行分类和回归任务分析

&#x1f3a9; 欢迎来到技术探索的奇幻世界&#x1f468;‍&#x1f4bb; &#x1f4dc; 个人主页&#xff1a;一伦明悦-CSDN博客 ✍&#x1f3fb; 作者简介&#xff1a; C软件开发、Python机器学习爱好者 &#x1f5e3;️ 互动与支持&#xff1a;&#x1f4ac;评论 &…
阅读更多...
一个AI图片生成工具导航网站

一个AI图片生成工具导航网站

上周末上线了一个AI图片生成工具导航网站&#xff0c;主要是面向AI图片工具这个垂直领域。 https://chatgpt-image-generator.com/ 目标是通过收集当下的一些工具&#xff0c;然后进行分类管理&#xff0c;一方面方便大家发现新的工具&#xff0c;另一方面能够更加有针对性、…
阅读更多...
华为OceanStor磁盘阵列存储恢复出厂设置命令 LUN不处于在线状态，不能执行此操作解决方案

华为OceanStor磁盘阵列存储恢复出厂设置命令 LUN不处于在线状态，不能执行此操作解决方案

环境 OceanStor S2600T V2老版本 客户现场有一台Oceanstor 2600 V2的存储&#xff0c;因和另一台磁盘扩展框做了跨设备LUN需要进行配置清除&#xff0c;配置结束后需要重新划分存储空间并对接服务器&#xff0c;保证业务能够正常上线&#xff01;在清除配置回退的过程中&#…
阅读更多...
深度学习二分类评估详细解析与代码实战

深度学习二分类评估详细解析与代码实战

深度学习二分类的实战代码&#xff1a;使用 Trainer API 微调模型. https://huggingface.co/learn/nlp-course/zh-CN/chapter3/3 如果你刚接触 自然语言处理&#xff0c;huggingface 是你绕不过去的坎。但是目前它已经被墙了&#xff0c;相信读者的实力&#xff0c;自行解决吧。…
阅读更多...
渗透第二次作业

渗透第二次作业

cs与msf权限传递&#xff0c;以及mimikatz抓取win2012明文密码 1、准备三台虚拟机&#xff1a; 一台安装有cs的kali,网络模式为nat&#xff0c; 一台Win2012,有两张网卡&#xff0c;一张为NAT模式&#xff0c;一张为仅主机模式&#xff0c;分别对应内外网&#xff0c; 一台…
阅读更多...
QT的TCP服务端与多客户端通信

QT的TCP服务端与多客户端通信

目的 TCP通信可以说是最基础的东西了，也是面试经常问的问题，记得10年前，面试浪潮时，就是问的TCP连接的过程。 时间长了不用，感觉一些东西模糊了，基础的东西还是需要清晰的，而且，现在是QT的TCP,用法也有一些自己的特点。 这里主要说的就是服务端与多客户端的通信，这也…
阅读更多...
G8 - ACGAN

G8 - ACGAN

&#x1f368; 本文为&#x1f517;365天深度学习训练营 中的学习记录博客&#x1f356; 原作者&#xff1a;K同学啊 目录 模型结构 模型结构 之前几期打卡中&#xff0c;已经介绍过GAN CGAN SGAN&#xff0c;而ACGAN属于上述几种GAN的缝合怪&#xff0c;其模型的结构图如下&a…
阅读更多...
Python 中的抽象语法树

Python 中的抽象语法树

Abstract Syntax Trees in Python 注&#xff1a;机翻&#xff0c;未校对。 Requirement: All examples are compatible with at least Python v3.6, except for using ast.dump() with the attribute indent which has been added in Python v3.9. 要求&#xff1a;所有示例至…
阅读更多...
如何检测和处理Android应用程序中的内存泄漏问题。

如何检测和处理Android应用程序中的内存泄漏问题。

在Android开发中&#xff0c;内存泄漏是一个不容忽视的问题。它不仅会影响应用程序的性能&#xff0c;还可能导致应用崩溃&#xff0c;给用户带来不良体验。因此&#xff0c;作为开发者&#xff0c;我们必须了解如何检测和处理内存泄漏。下面&#xff0c;我将从技术难点、面试官…
阅读更多...
结题阶段（2024年6月）

结题阶段（2024年6月）

课题研究大事记 序号 时间 内容安排 负责人 备注 1 2022.4 课题审定会议 全体成员 2 2022.4 开题报告撰写 郭书艳 3 2022.4 课题申报 郭书艳 4 2022.5 课题立项报告会 郭书艳、陈晓忠 5 2022.6 课题推进安排会 俞峰 6 2022.7 当下课堂模式…
阅读更多...
第二十课，认识列表与定义列表

第二十课，认识列表与定义列表

一&#xff0c;列表的作用 思考一个问题&#xff1a;如果我想要在程序中&#xff0c;记录5名学生的信息&#xff0c;如姓名。 如何做呢&#xff1f; 这就是列表的作用&#xff0c;能帮助我们更加高效的存储各种数据 思考&#xff1a;如果一个班级100位学生&#xff0c;每个人…
阅读更多...
利用SHAP算法解释BERT模型的输出

利用SHAP算法解释BERT模型的输出

1 何为SHAP? 传统的 feature importance 只告诉哪个特征重要&#xff0c;但并不清楚该特征如何影响预测结果。SHAP 算法的最大优势是能反应每一个样本中特征的影响力&#xff0c;且可表现出影响的正负性。SHAP算法的主要思想为&#xff1a;控制变量法&#xff0c;如果某个特征…
阅读更多...
VMware完美安装Ubuntu20.04

VMware完美安装Ubuntu20.04

一、官网下载Ubuntu20.04 下载地址为&#xff1a;https://releases.ubuntu.com/https://releases.ubuntu.com/ 下载完后镜像为ubuntu-20.04.4-desktop-amd64.iso 二、Ubuntu安装 2.1、打开VMware player&#xff0c;并创建新虚拟机。 2.2、点击浏览按钮选择需要安装的镜像 2…
阅读更多...
Linux系统上部署Whisper。

Linux系统上部署Whisper。

Whisper是一个开源的自动语音识别&#xff08;ASR&#xff09;模型&#xff0c;最初由OpenAI发布。要在本地Linux系统上部署Whisper&#xff0c;你可以按照以下步骤进行&#xff1a; 1. 创建虚拟环境 为了避免依赖冲突&#xff0c;建议在虚拟环境中进行部署。创建并激活一个新…
阅读更多...
问题 N: 二叉树的创建和文本显示

问题 N: 二叉树的创建和文本显示

问题 N: 二叉树的创建和文本显示 题目描述 编一个程序&#xff0c;读入先序遍历字符串&#xff0c;根据此字符串建立一棵二叉树&#xff08;以指针方式存储&#xff09;。 例如如下的先序遍历字符串&#xff1a; A ST C # # D 10 # G # # F # # # 各结点数据&#xff08;长度不…
阅读更多...
数据结构实训：表达式求值器（非常详细）

数据结构实训：表达式求值器（非常详细）

表达式求值器 问题描述&#xff1a; 设计一个表达式求值器&#xff0c;能够解析和计算由数字、运算符和括号组成的算术表达式。要求实现基本的四则运算&#xff0c;如加、减、乘、除&#xff0c;并处理运算符的优先级和括号。 设计要点&#xff1a; 1. 使用栈作为数据结构来处…
阅读更多...
ElementUI组件

ElementUI组件

目录 1、安装ElementUI 2、在main.js文件中加入 3、使用组件 终端运行&#xff1a; Element&#xff0c;一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库. 1、安装ElementUI 控制台输入 npm i element-ui -S 2、在main.js文件中加入 import ElementUI from…
阅读更多...
老司机开发技巧，如何扩展三方包功能

老司机开发技巧，如何扩展三方包功能

前言 最近碰上有个业务&#xff0c;查询的sql如下&#xff1a; sql 复制代码 select * from table where (sku_id,batch_no) in ((#{skuId},#{batchNo}),...); 本来也没什么&#xff0c;很简单常见的一种sql。 问题是我们使用的是mybatis-plus&#xff0c;然后写的时候有没…
阅读更多...
【智能制造-5】数采和电机

【智能制造-5】数采和电机

既然可以采集PLC的数据&#xff0c;为什么要采集电机的数据&#xff1f; 采集PLC&#xff08;可编程逻辑控制器&#xff09;的数据和采集电机的数据是两个不同的概念和目的。 PLC是用于控制和监控工业自动化过程的设备&#xff0c;它可以接收传感器的输入信号并根据预设的逻辑…
阅读更多...
最新文章

Copyright @ 2022~2023