TextMeshPro<二、富文本标签>

文章转载自 https://blog.csdn.net/qq_33337811/article/details/79029739

TextMeshpro支持富文本:更多支持的持富文本

如常用:

粗体:<b>Bold</b>
斜体:<i>Italics</i>
下划线:<u>Underline</u>
删除线:<s>Strikethrough</s>
指定颜色删除线:<s color=#ff8000>Strikethrough</s>

设定字体大小:<size=48>Point size 48</size>
设置字体相对大小:<size=+18>Point size increased by 18</size>
设置字体相对大小:<size=-18>Point size decreased by 18</size>
设置偏移距离:<pos=5.5>Characters positioned about 5.5 characters from left side.
设置颜色:<color=yellow>Yellow text</color>
设定颜色:<#00ff00>Green text</color>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

效果: 

其他:

1.上标: <sup>Superscript</sup>

如: 
x<sup>2</sup>+y<sup>2</sup> = 1

2.下标: <sub>Superscript</sub>

如: 
H<sub>2</sub>+O<sub>2</sub>=H<sub>2</sub>O

3.阴影强调<mark=#ffff0040>Highlighting</mark>

如: 
HIA<mark=#ffff0040>Highlighting</mark>HI

4.文本对齐: 
文本右全局对齐,也可以使用富文本标签重写对齐方式。 

<align="right">Right 
<align="center">Center 
<align="left">Left 
<align=justified>在左边和右边的边缘都是齐平的。使用得当,合理的类型可以看起来干净和优雅。 

可以用 结束对齐。

Switching alignment.

5.颜色(</color>结束,与前一color一一对应)

1/ 颜色名<color="colorName"> 
支持:black, blue, green, orange, purple, red, white, and yellow.

2/ 使用16进制表示颜色:

<color=#005500>
  • 1

3/ 只更改alpha

<alpha=#FF>FF <alpha=#CC>CC <alpha=#AA>AA <alpha=#88>88 <alpha=#66>66 <alpha=#44>44 <alpha=#22>22 <alpha=#00>00
  • 1
  • 2

Alpha from 100% to 0%.

6.字符间隔

    <cspace=1em>  </cspace>
    <mspace=2em> </mspace> 变为单间隔
  • 1
  • 2

如:

    <cspace=1em>Spacing</cspace> is just as important as <cspace=-0.5em>timing.
  • 1

Character spacing.

7.大小写

    <allcaps>all caps</allcaps> 变为大写
    <smallcaps> 小写变为大写,但是字的大小还是小写大小
  • 1
  • 2

8.行高

    <line-height=75> </line-height>
  • 1

9.字体大小

    <size=75%> <size=1.5em> </size>
  • 1

10.自定义style

    <style="Title">Styles</style>
  • 1

中间的字符不会受到面板FontStyle选项影响,在Style Sheet里设置,可右键新生成,然后在TMP Settings中DefaultStyleSheet选择他

11.水平留边(可赋值像素px、字体单位em、百分比%)

    margin 行左右都留空(e.g.<margin=5%>)
     margin-left
    margin-right
  • 1
  • 2
  • 3

如:

    Our margins used to be very wide.
    <margin=5em>But those days are long gone.
  • 1
  • 2

12.行缩进 
indent效果类似pos,但这个的效果持续贯穿每行。 
可以使用它来创建布局,如使用要点列表。可以行首缩进留空给图。可以使用像素、字体单元或百分比。

1. <indent=15%>It is useful for things like bullet points.</indent>
2. <indent=15%>It is handy.
  • 1
  • 2

Using indentation to make a list.

**13.超链接**Link

    <link="ID">my link</link>  ID要唯一
  • 1

14.字体 
可使个别字使用其他字体

    <font="Anton SDF" material="Anton SDF - Drop Shadow">multiple fonts</font>
  • 1

15.图文混排

    <sprite=1> 赋值图的id,可在资源的SpriteList中查看;在TMP Settings的DefaultSpriteAsset中指定。
  • 1

输入这个表情后会自动生成一个子物体用于显示表情(如果没有)


Tips:

1/ 英文单词间可加 \u00AD 去连接一个单词的前后部分,但在行尾显示不下时会显示连词符号。 
2/ TMP_Text中的maxVisibleCharacters可动态设置可见字符数,可用于类似于打字机效果。 
3/打字机效果是如上控制最大可见字符数量,若要显示Console日志输出样式,这应是第一行出现在底部,然后新出现的行把上面的顶上去,则只需要Alignment中右侧选择第三种底部对齐就好。 
4/代码里设置文本内容: 
TextMeshPro.SetText(str, arg);


猜你喜欢

转载自blog.csdn.net/kangying3769/article/details/80199093
今日推荐