全部产品

数字框

更新时间:2020-11-26 13:49

该组件提供了加减按钮修改数字,及直接输入数字的功能。下文介绍该组件的详细配置方法。

步骤一:添加组件

  1. 创建移动应用。

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

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

  3. (可选)添加分栏组件,进行应用页面布局设置。

    具体操作,请参见横向分栏和纵向分栏

  4. 在画布左侧组件列表上方,输入数字框,找到该组件,然后将组件拖拽到中间画布或画布中分栏组件的某栏中。

    更多信息,请参见添加组件

    数字框

(可选)步骤二:配置数据源

当您需要使用该组件显示并设置设备属性,或展示接口返回的数据时,需要配置对应的数据源。

  1. 在移动应用编辑器右侧样式中,单击展示数据配置数据源

  2. 在展开的数据源配置页面,完成数据源配置。

    可选数据源类型有设备接口

    说明

    数据源返回的数据格式必须为单精度数字、双精度数字和整数。如果是设备数据源,选择的属性还必须是读写类型。

  3. 单击确定

    数字框内容将基于关联的数据源实时更新。

步骤三:配置样式

  1. 在右侧样式中,设置尺寸、最大值、最小值、步长、默认值和显示样式。

    说明
    • 步长必须为整数。

    • 默认值仅在组件没有配置数据源时生效。如果配置了数据源,组件默认展示数据源返回的数据。

    • 如果配置了设备数据源,最小值最大值步长默认与设备属性的配置一致。

  2. 调整组件宽高和在页面中的布局位置。

    更多信息,请参见通用样式

步骤四:配置交互动作

  1. 选中组件的交互页签,单击新增交互,设置事件动作

    支持值改变单击双击事件。例如,配置事件值改变动作刷新组件,选择指定组件。当数字框数值更新后,可刷新指定组件的展示数据。

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

  2. 单击页面右上方的预览,查看或调试组件的展示数据。

    说明

    • 如果配置了数据源为设备,支持给设备下发指令,将输入或加减后值下发给设备。

    • 如果配置了数据源为接口,则用户输入或加减操作无效。