天气

天气组件可以显示当前和未来几天的天气信息。本文介绍天气组件的详细配置方法。

步骤一:添加组件

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

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

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

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

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

    天气组件

步骤二:配置数据源

  1. 在移动应用编辑器右侧样式中,从位置设置列表中,选择配置数据源

  2. 单击数据源后的配置数据源

  3. 数据源配置面板,选择数据源类型,完成配置。

    可选数据源类型有接口应用推送静态数据

    数据源类型
  4. 单击确定

    天气展示数据将基于关联的数据源实时更新。

步骤三:配置样式

  1. 在移动应用编辑器右侧样式中,配置天气组件展示的样式。

    配置项

    说明

    基础配置

    设置天气组件显示的天气数量和展示方向。

    位置信息

    设置天气组件显示的位置信息,及显示的效果。

    说明

    选择使用IP地址判断位置,天气组件可根据您的IP地址获取当前的地理位置。如果无法使用IP地址判断地理位置,则可以设置默认地址。

    当前温度

    设置天气组件是否显示当前温度,及显示的效果。

    全局样式

    设置天气组件的背景颜色、字体、字号、颜色、粗细和边框样式。

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

步骤四:配置交互动作

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

    该组件支持值改变事件。例如,组件值改变,执行动作设置设备属性,下发指令给某设备,修改该设备的某个属性值。

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

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