Unity的UGUI使用Text和Image实现文字下划线

引子效果
设置
原文链接

引子效果

写需求的时候搜了一些文字加下划线的方法，UGUI的Text，大都需要写一堆代码来封装Text，比较麻烦。
考虑过用TextMeshPro，不过TextMeshPro不能公用Text的字体，有点坑。
利用Text加Image试了一下，实现效果看着还不错。

设置

给Text加一个Image作为自物体；
给Text所在节点添加Conrtent Size Fitter组件，修改水平适配方式为Preferred Size，用于自动适配Text宽度；
修改Image节点的锚点，调整高度，颜色与文字颜色一致；
如果Text的文字会动态修改Color，要注意同时修改自物体Image的颜色；
因为是由两个独立的组件实现的下划线，可以自由设置下划线的形状、位置、高度、颜色，比如波浪下划线？双下划线？特殊图形下划线？上划线？中划线？粗的？细的？红的？绿的？比如文字黑色，下划线红色，神奇！
毕竟是个投机取巧的方式，存在一些问题，文字不能换行，文字BestFit自动适配大小时，下划线高度不会变化，所以用起来也会有一些限制···

原文链接

https://blog.csdn.net/qq_39108767/article/details/103462648

Unity的UGUI使用Text和Image实现文字下划线相关推荐

Unity 关于Ugui之text组件的扩展
在项目开发中,和ui界面打交道是必不可少的,但是最近发现ugui提供的text组件,在很多情况下不能满足美术的需求,这就对text组件进行扩展编辑,使其尽可能满足项目的需求,这里主要实现字间距.字体颜 ...
【Unity】用Text+Image实现神奇的文字下划线
写需求的时候搜了一些文字加下划线的方法,UGUI的Text,大都需要写一堆代码来封装Text,比较麻烦考虑过用TextMeshPro,不过TextMeshPro不能公用Text的字体,有点坑利用T ...
UGUI中实现文字下划线
用TextMeshPro可以实现下划线的需求,不过TextMeshPro不能公用Text的字体,有点麻烦,利用Text+Image实现了一下,能满足大部分需求,但是对于Best Fit自动适配大小时, ...
「Unity」UGUI的Text实现首行缩进的办法
我的Unity版本:5.3.5f1 直接说正事 Unity的Text组件,想实现代码拿到一段话,在前面加个缩进,让之后的字符依次后移. 有人觉得很简单,然后就这样写了: 但是尝试过的人就会发现,如果用 ...
Flutter Text 去掉黄色下划线
Flutter 中如果没有使用Material的话Text会有黄色的下划线, 解决方法: 在Text 样式style 中加入属性decoration: TextDecoration.none 如下: ...
Unity GUI(uGUI)使用心得与性能总结
Unity GUI(uGUI)使用心得与性能总结作者 kingshijie 关注 2015.09.26 15:35 字数 3686 阅读 28031评论 10喜欢 49 背景和目的小哈接触Unit ...
Unity的UGUI用TexturePacker全自动打图集，包括九宫格切图信息
Unity的UGUI用TexturePacker全自动打图集,包括九宫格切图信息前言环境准备实现过程注意总结版权声明前言最近在学习UGUI的打图集,之前一直在用SpritePacker ...
【Unity使用UGUI实现王者荣耀UI界面（四）】游戏开始界面
文章目录 [Unity使用UGUI实现王者荣耀UI界面(四)]游戏开始界面 1. 把一些重复的UI添加 2. 开始游戏按钮 3. 注销按钮 4. 完成 5. 打包 6. 打包完成内容简介章节 ...
(转)Unity 之 UGUI 小总结
转自:http://www.jianshu.com/p/5b6f5022662e 开发过程中对UGUI的一个小总结. 首先从原画师拿到效果图,美术切图,拿到碎图后打成大图. 我们先来说一下图:RGBA ...

Unity的UGUI使用Text和Image实现文字下划线

Unity的UGUI使用Text和Image实现文字下划线

引子效果

设置

原文链接

Unity的UGUI使用Text和Image实现文字下划线相关推荐

最新文章

热门文章