Text Mesh Pro --- RichText 富文本

前言,这是笔者Text Mesh Pro 系列中的第三篇文章,本章将讲述在Text Mesh Pro中常用的富文本。因为在开发中,总会有一些针对性的规则,所以富文本就显得更重要了。

如有不准确或错误的地方欢迎留言指正

开发环境

  • Unity 2018.4.5
  • Text Mesh Pro 1.4

工程示例地址:https://github.com/su9257/Text-Mesh-Pro-Tutorial.git


Text Mesh Pro --- RichText 富文本_第1张图片

对齐

Text Mesh Pro --- RichText 富文本_第2张图片
左对齐默认对齐
居中
右对齐
一行多种对齐方式采用最后一个

取消对齐

Text Mesh Pro --- RichText 富文本_第3张图片
内容:取消上一次对齐方式

颜色

Text Mesh Pro --- RichText 富文本_第4张图片
Red Dark Green <#0000FF>Blue12312
 包含透明通道

透明通道

Text Mesh Pro --- RichText 富文本_第5张图片
FF CC AA 88 66 44 22 00

取消/恢复颜色

Text Mesh Pro --- RichText 富文本_第6张图片
红色, 蓝色, 恢复红色.

字体间距

Text Mesh Pro --- RichText 富文本_第7张图片
1em字体单位间距
10像素字体单位间距
-10像素缩小间距

设置字体、材质

7643202-4e8f8e4c8e5e58aa.png
使用 different font?或者使用不同材质?

缩进

Text Mesh Pro --- RichText 富文本_第8张图片
1. 缩进15%.
多行有效
2. 缩进100像素
多行有效
3. 缩进5em
多行有效
4. 缩进15%.

行间距

Text Mesh Pro --- RichText 富文本_第9张图片
100%行间距

50%行间距

行间距

100%行间距

1111111


150%

行间距

单行缩进

Text Mesh Pro --- RichText 富文本_第10张图片
行缩进只影响单行显示,多行不受影响

大小写转换

Text Mesh Pro --- RichText 富文本_第11张图片
ABCDEFG
ABCDEFG
AbcdeFg

边距设置

Text Mesh Pro --- RichText 富文本_第12张图片
2em单位边距2em单位边距2em单位边距2em单位边距
50像素单位边距50像素单位边距50像素单位边距50像素单位边距

标注

Text Mesh Pro --- RichText 富文本_第13张图片
123 123 123你好

标注、删除线、下划线

Text Mesh Pro --- RichText 富文本_第14张图片
注释标记
The 删除线下划线.

这里要特别说明一下,在用某些创建的字体时,无法显示注释标记、删除、下划线等。需要把字体添加到对应默认字体的fallback中,不知道这个是BUG还是字体不支持,期待大佬解答


Text Mesh Pro --- RichText 富文本_第15张图片

字体间距

Text Mesh Pro --- RichText 富文本_第16张图片
覆盖原有间距可以使用em单位或者像素为单位恢复正常

禁用标记文本

Text Mesh Pro --- RichText 富文本_第17张图片
 禁用标记文本

禁用词汇换行

Text Mesh Pro --- RichText 富文本_第18张图片
不需要保持原始词汇的完成性自动换行。
这需要保持原始词汇的完成性自动换行。

水平位置偏移

Text Mesh Pro --- RichText 富文本_第19张图片
at 75%
at 25%
at 50%
at 1em
at 5em
at 8em
at 100像素
at 200像素
at 300像素

字体大小设置

Text Mesh Pro --- RichText 富文本_第20张图片
原始
百分比
em单位
像素
可累加em、像素、百分比

填充指定尺寸空格

Text Mesh Pro --- RichText 富文本_第21张图片
横向添加空格空格可以使像素或者em单位

图片文本添加

Text Mesh Pro --- RichText 富文本_第22张图片
图片:

删除线和下划线

Text Mesh Pro --- RichText 富文本_第23张图片
删除线 或者 下划线.

自定义标签

Text Mesh Pro --- RichText 富文本_第24张图片
Styles
创建自己的标题

上角标和下角标

Text Mesh Pro --- RichText 富文本_第25张图片
We have 1m3 of H2O.

纵向偏移

Text Mesh Pro --- RichText 富文本_第26张图片
Up up UP and down we go again.

设定可用宽度

Text Mesh Pro --- RichText 富文本_第27张图片
这是一行显示完整、100%满填充的字
这是一行限制为60%填充长度的字

你可能感兴趣的:(Text Mesh Pro --- RichText 富文本)