text 元素

用于显示文字

属性

text

显示的文字

html-text

使用 HTML 表示的富文本，指定这个属性后，text 属性将被忽略。

color

文字颜色。默认为黑色。

font-size

字体大小。

font-name

字体名。默认为系统字体。

font-style

ultra-light thin light normal medium bold heavy black italic bold-italic
字体样式。

alignment

left center right natural justify
文字水平对齐方式。默认为 left。

vertical-alignment

top center bottom
文字竖直对齐方式。默认为 center。

line-break-mode

word char
文字换行方式。默认为 word。

truncation-mode

truncating-head truncating-middle truncating-tail none
文字省略方式。默认为 truncating-tail。

lines

最大行数。为 0 时，不限制行数。默认为 1。

line-spacing

行间距。

kern

字间距。需要注意文字的最右边也会有一个字距大小的空白，一般可以通过设置 margin-right 来修正。如： 
"kern": 5,
"margin-right": -5

adjusts-font-size

是否调整字号以适应控件的宽度，默认为false。

mini-scale-factor

与adjusts-font-size配合使用，设置一个字号调整的最小系数，设置为0时，字号会调整至内容能完全展示。

富文本

可以设置 html-text 属性来用 html 描述富文本。

需要注意 &、<、> 符号需要转义成 &amp;、&lt;、&gt;，否则整个文本都不能被正常解析。在表达式中使用时，需要给变量转义，如："html-text": "<b>${VZMistHTMLStringParser.htmlEncodedString(text)}</b>"。

支持的特性如下：

  • 粗体

    使用<b>, <strong>标签表示粗体文字

    <b>bold</b> bold

  • 斜体

    使用<i>, <em>, <dfn>, <cite>标签表示斜体文字

    <i>italic</i> italic

  • 等宽字体

    使用<tt>标签表示等宽字体

    normal <tt>monospace</tt> normal monospace

  • 大号字体

    使用<big>标签使字体变大25%

    normal <big>big</big> normal big

  • 小号字体

    使用<big>标签使字体变小20%

    normal <small>small</small> normal small

  • 字体

    使用<font>标签指定字体

    • face 字体名
    • size 字体尺寸，系统单位

    • color 字体颜色

      <font face="Times" size="20" color="red">Some Text</font> Some Text

  • 下划线

    使用<u>标签添加下划线

    <u>underline</u> underline

  • 删除线

    使用<s>标签添加删除线

    <s>strikethrough</s> strikethrough

  • 标题

    使用<h1>, <h2>, <h3>, <h4>, <h5>, <h6>标签表示标题

  • 段落与换行

    使用<p>标签表示段落，<br>标签表示换行。注意，这里的<p>不能使用单标签。

    <p>段落1</p><p>段落2<br>换行</p>

    段落1

    段落2
    换行

  • 图片

    使用<img>标签插入图片，src 为图片名，只能使用本地图片，标签内的内容为图片不存在时的替代文本。

    <img src="xx"/>

results matching ""

    No results matching ""