美文网首页unity进阶教程合集Unity
Text Mesh Pro --- RichText 富文本

Text Mesh Pro --- RichText 富文本

作者: su9257_海澜 | 来源:发表于2019-08-17 21:29 被阅读0次

    前言,这是笔者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%填充长度的字
    

    相关文章

      网友评论

        本文标题:Text Mesh Pro --- RichText 富文本

        本文链接:https://www.haomeiwen.com/subject/yajcsctx.html