移动可视化-智能空调控制APP

以智能空调控制APP为例，介绍如何使用在线开发的移动可视化能力实现智能设备的实时数据展示和控制。

1、 创建移动可视化应用

进入项目详情主页，单击左侧导航栏的主页，新建移动应用。

2、 新建页面

进入移动应用->新建页面，对页面导航布局、页面样式进行设置；拖拽图片、文字、数字框、下拉框、开关等组件至画布，对组件进行排序、整理，单击组件，在右侧配置样式、大小、颜色、边框等。

3、 配置数据源

设备上报的数据可使用多种组件展示，如文字组件、图片组件、数字框组件、下拉框组件、开关组件等。配置组件时，需将组件的数据源配置为设备上报的对应数据。

以下示例中，使用了以下组件：

配置数字框组件，用于下发空调温度和展示空调上报的温度值(详见下图)。

配置下拉框组件，用于选择智能空调设备在一段时间内运行模式属性的变化。

配置开关组件，用于打开或关闭空调设备的吹风模式。

数据源配置为设备上报的对应属性。如，温度的数据源为智能空调上报的当前温度。

4、 页面排版完成后，点击保存，进行预览，查看和验证所有页面。

5、 点击发布按钮，下载前端运行包，将应用发布至云端。