Text Mesh Pro --- RichText 富文本
2019-08-17 本文已影响0人
su9257_海澜
前言，这是笔者Text Mesh Pro 系列中的第三篇文章，本章将讲述在Text Mesh Pro中常用的富文本。因为在开发中，总会有一些针对性的规则，所以富文本就显得更重要了。
如有不准确或错误的地方欢迎留言指正
开发环境
- Unity 2018.4.5
- Text Mesh Pro 1.4
工程示例地址：https://github.com/su9257/Text-Mesh-Pro-Tutorial.git
对齐
<align="left">左对齐<sprite=1>默认对齐</align>
<align="center">居中<sprite=2></align>
<align="right">右对齐<sprite=3></align>
<align="left"><align="right"><align="center">一行多种对齐方式采用最后一个
取消对齐
<align=center><align=right>内容:</align>取消上一次对齐方式
颜色
<color="red">Red <color=#005500>Dark Green <#0000FF>Blue12312
<color=#FF000088>包含透明通道
透明通道
<alpha=#FF>FF <alpha=#CC>CC <alpha=#AA>AA <alpha=#88>88 <alpha=#66>66 <alpha=#44>44 <alpha=#22>22 <alpha=#00>00
取消/恢复颜色
<color="red">红色, <color="blue">蓝色,</color> 恢复红色.
字体间距
<cspace=1em>1em字体单位间距</cspace>
<cspace=10>10像素字体单位间距</cspace>
<cspace=-8>-10像素缩小间距
设置字体、材质
使用 <font="LiberationSans SDF">different font?</font>或者使用<font="YouYuan SDF" material="YouYuan SDF - Outline">不同材质？
缩进
1. <indent=15%>缩进15%.
多行有效</indent>
2. <indent=100>缩进100像素
多行有效</indent>
3. <indent=5em>缩进5em
多行有效</indent>
4. <indent=15%>缩进15%.
行间距
100%行间距</line-height>
<line-height=50%>50%行间距
行间距</line-height>
<line-height=100%>100%行间距
1111111</line-height>
<line-height=150%>
150%
行间距
单行缩进
<line-indent=15%>行缩进只影响单行显示，多行不受影响
大小写转换
<lowercase>ABCDEFG</lowercase>
<uppercase>ABCDEFG</uppercase>
<smallcaps>AbcdeFg</smallcaps>
边距设置
<margin=2em>2em单位边距2em单位边距2em单位边距2em单位边距
<margin=50>50像素单位边距50像素单位边距50像素单位边距50像素单位边距
标注
123 <mark=#ffff00aa>123</mark> 123你好
标注、删除线、下划线
<mark=#ffff00aa>注释标记</mark>
The <s>删除线</s><u>下划线</u>.
这里要特别说明一下，在用某些创建的字体时，无法显示注释标记、删除、下划线等。需要把字体添加到对应默认字体的fallback中，不知道这个是BUG还是字体不支持，期待大佬解答
字体间距
覆盖原有间距<mspace=2.75em>可以使用em单位或者像素为单位</mspace>恢复正常
禁用标记文本
<noparse><b></noparse> 禁用标记文本
禁用词汇换行
<nobr>不需要保持原始词汇的完成性自动换行。</nobr>
这需要保持原始词汇的完成性自动换行。
水平位置偏移
at <pos=75%>75%
at <pos=25%>25%
at <pos=50%>50%
at <pos=1em>1em
at <pos=5em>5em
at <pos=8em>8em
at <pos=100>100像素
at <pos=200>200像素
at <pos=300>300像素
字体大小设置
原始
<size=50%>百分比
<size=0.8em>em单位
<size=50>像素
<size=+10>可累加em、像素、百分比
填充指定尺寸空格
横向添加空格<space=5em>空格可以使像素或者em单位
图片文本添加
图片:<sprite=1>
<sprite="spriteicons" name="spriteicons_9" tint=1 color=#FFFFFFFF>
删除线和下划线
<s>删除线</s> 或者 <u>下划线</u>.
自定义标签
<style="Title">Styles</style>
<style=C1>创建自己的标题</style>
上角标和下角标
We have 1m<sup>3</sup> of H<sub>2</sub>O.
纵向偏移
Up <voffset=1em>up <voffset=2em>UP</voffset> and <voffset=-0.5em>down</voffset> we go again.
设定可用宽度
这是一行显示完整、100%满填充的字
<width=60%>这是一行限制为60%填充长度的字
