Skip to main content
版本：v3

TEXT

text_sample

文本控件用于展示文本。支持设置文本大小、颜色、对齐方式。

创建 UI 控件​

const text = hmUI.createWidget(hmUI.widget.TEXT, Param)

类型​

Param: object​

属性备注是否必须类型
x控件 x 坐标是number
y控件 y 坐标是number
w控件显示宽度是number
h控件显示高度是number
color文本颜色否number
align_h横轴对齐方式（值见 ALIGN）否ALIGN
align_v竖轴对齐方式（值见 ALIGN）否ALIGN
text文本否string
text_size字体大小否number
text_style文本超长处理方式 默认为跑马灯（值见 TEXT_STYLE）否TEXT_STYLE
line_space行间距否number
char_space字符间距否number

ALIGN 对齐方式​

值说明
hmUI.align.LEFT横轴-左对齐
hmUI.align.RIGHT横轴-右对齐
hmUI.align.CENTER_H横轴-居中
hmUI.align.TOP竖轴-最上端
hmUI.align.BOTTOM竖轴-最底端
hmUI.align.CENTER_V竖轴-居中

TEXT_STYLE 文本排版​

值说明
hmUI.text_style.ELLIPSIS单行溢出字符显示...
hmUI.text_style.NONE跑马灯

代码示例​

Page({
  build() {
    const text = hmUI.createWidget(hmUI.widget.TEXT, {
      x: 96,
      y: 120,
      w: 288,
      h: 46,
      color: 0xffffff,
      text_size: 36,
      align_h: hmUI.align.CENTER_H,
      align_v: hmUI.align.CENTER_V,
      text_style: hmUI.text_style.NONE,
      text: 'HELLO ZEPPOS'
    })

    text.addEventListener(hmUI.event.CLICK_DOWN, (info) => {
      text.setProperty(hmUI.prop.MORE, {
        y: 200
      })
    })
  }
})