用Text+Image实现神奇的文字下划线

写需求的时候搜了一些文字加下划线的方法,UGUI的Text,大都需要写一堆代码来封装Text,比较麻烦

考虑过用TextMeshPro,不过TextMeshPro不能公用Text的字体,有点坑

利用Text加Image试了一下,实现效果看着还不错

1. 给Text加一个Image作为自物体

用Text+Image实现神奇的文字下划线

 2. 给Text所在节点添加Conrtent Size Fitter组件,修改水平适配方式为Preferred Size,用于自动适配Text宽度

用Text+Image实现神奇的文字下划线

3. 修改Image节点的锚点,调整高度,颜色与文字颜色一致

 用Text+Image实现神奇的文字下划线

4. 如果Text的文字会动态修改Color,要注意同时修改自物体Image的颜色

5. 因为是由两个独立的组件实现的下划线,可以自由设置下划线的形状、位置、高度、颜色,比如波浪下划线?双下划线?特殊图形下划线?上划线?中划线?粗的?细的?红的?绿的?比如文字黑色,下划线红色,神奇!

相关文章:

  • 2022-02-20
  • 2021-12-06
  • 2021-11-01
  • 2021-12-12
  • 2021-10-14
  • 2022-12-23
  • 2021-07-25
  • 2021-11-16
猜你喜欢
  • 2021-04-19
  • 2022-01-13
  • 2022-12-23
  • 2022-03-09
  • 2021-04-27
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案