文字

更新时间:

文字组件以文本形式展示指定内容。本文介绍文字组件的详细配置方法。

步骤一:添加组件

  1. 创建移动应用。具体操作,请参见创建移动应用

  2. 在移动应用编辑器中,单击最左侧的组件图标组件

  3. (可选)添加分栏组件,进行应用页面布局设置。具体操作,请参见横向分栏和纵向分栏

  4. 在画布左侧组件列表上方,在搜索框中输入文字,找到该组件,然后将组件拖拽到中间画布。

    有关组件添加的更多信息,请参见添加组件文字

步骤二:配置数据源

在移动应用编辑器右侧样式中,配置文字展示的内容。

  • 静态数据

    文字右侧提交框中编辑内容,或在画布中双击文字组件输入内容。

    文字内容将静态展示在页面中。

  • 动态数据

    单击文字提交框右侧的配置数据源按钮配置数据源,选择数据源类型,完成配置,单击确定

    可选数据源类型有设备接口应用推送。文字内容将基于关联的数据源实时更新。

    说明
    • 组件支持返回的数据类型为:单精度数字、双精度数字、整数、字符串。

    • 如果文字既输入了静态数据,又配置了动态数据,则取动态数据。

    • 数据源为设备时,可设置设备离线时,显示的文字内容。

      在重复列表中使用该组件时,若需设置设备离线时的组件显示,该组件数据源配置需关联设备,配置方法如下:

      • 重复列表数据源配置为设备,该组件的数据源可配置为母组件数据源设备

      • 重复列表数据源配置非设备,该组件的数据源必须为设备

步骤三:配置样式

  1. 在移动应用编辑器右侧样式中,配置文字组件的文字级别、字号(支持自定义)、字体、文字颜色、行高、字重和对齐。

    样式的部分配置项支持设置动态数据源,具体操作,请参见配置项的数据源

  2. 调整组件宽高和在页面中的布局位置。具体操作,请参见通用样式

步骤四:配置交互动作

  1. 在移动应用编辑器右侧交互中,单击新增交互,设置事件动作

    该组件仅支持事件点击。例如单击组件,展示隐藏指定内容。

    具体操作,请参见交互配置

  2. 预览和调试组件展示的数据和样式。具体操作,请参见预览与调试