TEXT_IMG
支持以图片的方式显示文本，需要传入图片字体数组 font_array。
创建 UI 控件
const textImg = hmUI.createWidget(hmUI.widget.TEXT_IMG, Param)
类型
Param: object
| 属性 | 说明 | 是否必须 | 类型 |
|---|---|---|---|
| x | 控件 x 坐标 | 是 | number |
| y | 控件 y 坐标 | 是 | number |
| w | 控件宽度 （不写会根据 type 自动计算） | 否 | number |
| h | 控件高度 （不写会根据 type 自动计算） | 否 | number |
| font_array | 图片字体数组 要 0-9 排序 | 是 | array |
| type | 数据类型，详见data_type | 否 | number |
| text | 指定显示的文本内容 指定此字段后 type 属性将失效 内容只支持 0-9 显示单位 负号 小数点图片见下表 | 否 | string |
| unit_sc | 中文简体单位 | 否 | string |
| unit_en | 英文单位 | 否 | string |
| unit_tc | 中文繁体单位 | 否 | string |
| imperial_unit_sc | 中文简体英制单位 | 否 | string |
| imperial_unit_en | 英文英制单位 | 否 | string |
| imperial_unit_tc | 中文繁体英制单位 | 否 | string |
| negative_image | 负号图片 | 否 | string |
| dot_image | 小数点图片 可以当分隔符使用 | 否 | string |
| h_space | 字体间隔 | 否 | number |
| align_h | 横轴对齐方式（值见 ALIGN） | 否 | ALIGN |
ALIGN 对齐方式
| 值 | 说明 |
|---|---|
| hmUI.align.LEFT | 横轴-左对齐 |
| hmUI.align.RIGHT | 横轴-右对齐 |
| hmUI.align.CENTER_H | 横轴-居中 |
Text 字段绑定单位 负号 小数点资源图片
| 字符 | 对应资源 |
|---|---|
| u | 国际单位和英制单位 |
| - | 负号图片 |
| . | 小数点图片 |
如果 text 字段设置为 "12u" 前面的 12 会去图片数组里取对应的图片 遇到 u 会自动转为单位图片绘制
更新 Text
const widget = hmUI.createWidget(hmUI.widget.TEXT_IMG, Param)
const text = '12' //如果要不显示数据 直接写""
widget.setProperty(hmUI.prop.TEXT, text)
代码 示例
const fontArray = [
fontRootPath + '00.png',
fontRootPath + '01.png',
fontRootPath + '02.png',
fontRootPath + '03.png',
fontRootPath + '04.png',
fontRootPath + '05.png',
fontRootPath + '06.png',
fontRootPath + '07.png',
fontRootPath + '08.png',
fontRootPath + '09.png'
]
const dayText = hmUI.createWidget(hmUI.widget.TEXT_IMG, {
x: 207,
y: 340,
type: hmUI.data_type.BATTERY,
font_array: fontArray,
h_space: 1,
align_h: 16,
text: '123'
})