UGUI图文混排超链接

已于 2023-08-04 15:12:25 修改
阅读量374 收藏 2
点赞数
分类专栏： Unity 文章标签： c# unity unity3d
于 2023-08-04 09:38:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42066580/article/details/132054756
版权

目录

之前做web项目有个需求需要通过某种方式打开试题中所提到的关键字介绍,当时是在试题旁边放个小按钮点击打开,后来要求把图标放在题干中,或者直接点击关键字打开介绍,这个就要用到图文混排了

上网搜了一番,高版本新项目推荐Text MeshPro,对于一些低版本老项目就只能基于Text实现了,原理我就不过多赘述了,说一下我从网上下载这么多版本发现的一些问题,最后给出一个可用的版本

一、LinkSpriteText

链接:LinkSpriteText

使用quad进行占位并且把相关参数设置到sprite,最后填充,可以自定义表情大小,支持高版本,支持超链接,不过一个Text只支持一个超链接,稍微改改也能支持多个
在这里插入图片描述
使用起来就是在写富文本, name就是图片名字,统一放在Resources下固定路径,超链接默认蓝色, 我自己添加的小功能,可以统一图片大小为FontSize,自定义或统一超链接的颜色,缺点就是只支持静态表情不支持动态表情

二、EmojiText

1、EmojiText

链接:EmojiText
这个支持动态表情不支持超链接,把表情打成图集,然后传给shader重新渲染,这个不知道是不是最初版,网上有很多实现了超链接的EmojiText版本

2、支持超链接的EmojiText出现的问题

①说是高版本Text没有完整的顶点数据,会出现错乱的情况导致已经不能使用了
②虽然支持超链接的版本有很多,但是出现以下组合情况的时候,超链接点击触发事件的包围盒区域就会计算异常:
在超链接的首尾部添加表情,在超链接中添加表情会导致计算错误,我把可点击区域用绿框画出来了
③超链接后面表情显示不出来
在这里插入图片描述

三、通用版EmojiText

优化了上述问题并且支持2017-2020版本,参考了:
LinkSpriteText
UGUI图文混排——基于Unity2019版本
在这里插入图片描述

1、使用方法

①将表情放入EmojiText/Input文件夹,看图注意表情图片设置,动图需要带后缀
在这里插入图片描述
在这里插入图片描述
②根据图片(全部统一大小)大小修改EmojiBuilder脚本参数,然后build资源
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
③将资源拖给shader,Emoji count of every line为图集每行的个数,FrameSpeed是动图速度
在这里插入图片描述
④Canvas添加shader通道
在这里插入图片描述
⑤在Output和Resources下有个emoji文件,这俩数据一样,输入里面的key就会显示相应的表情,超链接是以a标签的形式,里面支持嵌套颜色跟表情
在这里插入图片描述
在这里插入图片描述

工程下载

南宫铭
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
基于Unity2019版本的UGUI图文混排组件
YearsGo的博客
02-23 3511
该组件是基于Unity2019.4.1f1版本的图文混排组件，实现了静态表情，动态表情，超链接，多图集加载等功能。该组件属于学习用途，不完善的地方可以提取源码自行修改。其中关于超链接点击响应部分关于lua的消息广播如果报错可以自行注释或者删除 链接：https://pan.baidu.com/s/1_0lMjSPlnBxggBOL2swRPQ 提取码：p27x ...
超简单的基于UGUI的图文混排
tc3819171的博客
11-27 2587
需求 原来游戏使用的UI框架是NGUI的，那时候不需要考虑图文混排的，NGUI本身就支持图文混排，只需要我们为需要进行图文混排的图片都生成一个图集，然后设置好每个图片的占位符，这样就可以直接栽Label组件直接用这个占位符生成相应的图片。但是UGUI原生的Text组件并不支持图文混排，所以没有办法只能是我们自己去想办法。 调研 由于UGUI的Text组件不支持图文混排，所以我去查了...
【Unity】UGUI图文混排——基于Unity2019版本
NOBE
07-02 4282
最近想把过去做过的一些技术梳理一下，于是首先想到的就是UGUI的图文混排。 UGUI的图文混排主要用于实现游戏中的聊天系统，它主要包含表情系统和超连接系统两大块 表情系统和超连接这两大块的实现方式都是基于对UGUI中的Text组件进行重写，我所了解的实现方式有以下几种，下面就说说这几种方式，以及它们的优缺点 1.表情： ...
探索创新：GText - UGUI的图文混排新境界
最新发布
gitblog_00022的博客
06-01 383
探索创新：GText - UGUI的图文混排新境界 项目地址:https://gitcode.com/garsonlab/GText 在Unity开发中，我们经常需要实现各种复杂的UI界面，其中图文混排、超链接和下划线是常见的需求。现在，有一个名为GText的开源项目，为你提供了一种高效且灵活的解决方案。让我们一起深入了解这个强大的工具。 项目介绍 GText是一个专注于UGUI系统的插件，它允许...
Unity Emoji表情（图文混排）2022最详细教程
热门推荐
天道酬勤
02-19 1万+
文章目录前言一、emoji是什么？emoji （日本在无线通信中所使用的视觉情感符号）二、使用步骤1.将源码文件导入自己的项目中步骤一：将Editor目录文件EmojiAtlasBaker移入到自己的项目Editor目录下步骤二、导入Icon到自己项目中 (EmojiAtlas 跟 QQIconAtlas可先删除掉，步骤五可生成图集及xml文件)步骤三、导入EmojiEffect跟EmojiTextManager脚本到项目Script目录下步骤四、在项目根目录下创建Xml文件夹，下面的两个文件是步骤五生成的
Unity UGUI实现图文混合 EmojiText
u014516123的博客
08-01 898
图文混合
Unity实现图文混排附加创建图集教程
Kanagawa_Kento的博客
03-04 1014
首先需要一个名为“TexturePackerGUI"的工具软件打开后选择免费版即可。
Unity UGUI超链接
人无两度
04-03 377
在UGUI中直接使用Text进行超链接点击
UGUI 超链接文字脚本
RocketJ的博客
10-29 811
using System.Collections; using System.Collections.Generic; using System; using System.IO; using UnityEngine; using UnityEngine.UI; using UnityEditor; using System.Globalization; /// <summary> ...
UGUI图文混排与超链接
12-06
UGUI原生Text组建扩展，支持图文混排与超链接
unity ugui 图文混排
10-13
unity ugui 图文混排
Unity UGUI实现图文混排组件——EmojiText（支持图标，动态表情，按钮，超链接）
11-27
Unity UGUI实现图文混排组件——EmojiText（支持图标，动态表情，按钮，超链接）
Unity3D UGUI的图文混排加下划线和超链接
04-11
在网上原有的继承于UGUI的Text基础上根据正则表达式找出表情标记文本替换为表情图片并实现序列帧动画的基础上扩展了下划线和超链接功能，跟UGUI的下划线和超链接功能一样
emoji-text:将表情符号转换为可访问的纯文字描述
05-12
表情文字 未维护的通知 该代码当前未维护。 随意分叉！ 描述 将字符串中的表情符号转换为文本描述。 例子 var emojiText = require ( "emoji-text" ) ; emojiText . convert ( ":cat_face::dog_face:" ) ; // "[cat][dog]" emojiText . convert ( ":chicken: :cactus:" , { delimiter : ':' } ) ; // ":chicken: :cactus:" emojiText . convert ( ":ghost: :horse_face:" , { callback : function ( emoji , data ) { return "%" + data . description . toLowerCase ( ) + "%" ; } } ) ; // "%ghost% %horse face%"
EmojiText：Unity UGUI Text的Emoji和超链接，继承自UGUI中的Text组件，实现超链接和图文混排
02-05
EmojiText（Emoji，用于UGUI的超链接） Emoji和用于Unity UGUI的超链接文本，继承自UGUI中的文本组件，实现超链接和图文混排， 参考了 相较于GText修改了： 新增点击超链接范围外的一部分 优化下划线表现 新增了超链接颜色渐变 删除了单独的下划线 删除了自定义加载动画 效果图： 输入内容： 测试[E1]默认大小且无点击表情 测试[E2|40#E2Cclick]自定义大小且可点击表情 测试[A1|40#AnimationClick]自定义大小且可点击动态表情 测试[0x01#ff0000#ff00ff#ClickLink=HyperLink超链接]可点击且渐变
Unity Text 超链接插件
10-09
this is limited version of Text Action Pro (no anim support, no fade duration, no phase for curve, no example scene due to reaching 2MB limit, but added small documentation from TAPro) + contemporary fix. Simple replace old files with new from this package and everything should work. Ah and use manual adding TextButton only when you accidentally remove exist TextButton. You need only TextWithEvents everything else is semi-automated
UGUI 图文混排demo
05-09
"图文混排"是UGUI系统中的一个重要概念，允许开发者在界面上组合文字和图像，创建出丰富的视觉效果和交互式用户界面。 这个"UGUI 图文混排demo"项目基于Unity 5.4.1版本，这意味着它使用的是较早的UGUI系统，但仍然...
ugui图文混排
10-20
在"ugui图文混排"这个主题中，我们主要关注的是如何在UGUI系统中实现图片与文字的混合排列，尤其是涉及到表情的混合输出。这在许多社交应用、聊天界面或者游戏UI设计中是非常常见的需求。通常，这种混合输出会涉及到...
GText：Unity UGUI Text的表情符号和超链接，图文混排，超链接，下划线的UGUI解决方案
02-04
图文混排，超链接，下划线的UGUI解决方案 支持： * 图集动态表情 * 动态加载图片 * 超链接 * 下划线效果 * 自定义加载动画或特效 除动态加载图片，整体只有1个DrawCall 图中4个DC：Unity本身1个，文本整体只有1个，...
unity 聊天图文混排 源码
06-05
Unity 聊天图文混排源码是指开发者使用 Unity 引擎编写的一个可以实现聊天功能的程序。该程序具备聊天室的基本功能，包括用户登录、发送消息、接收消息等。其中，最重要的功能就是聊天图文混排，即可以同时向聊天室...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

南宫铭

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值