让 ThingsX 设备面板更加智能，为组件设置条件可见性

当我们将各类物联网设备统一接入 ThingsCloud 平台后，紧接着就是创建自己的 ThingsX 设备面板，为用户提供手机端的设备控制和数据展示，支持 iOS/Android/微信小程序等。

现在，您可以为 ThingsX 设备面板上的组件设置条件可见性，支持在设备不同状态下，显示或隐藏相应的组件，让设备界面更加智能和人性化。

如何设置组件的条件可见性？

组件的条件可见性支持以下几种方式：

• 不设置条件：默认选项，组件始终可见。
• 符合条件时可见：可设置一个或多个条件，符合条件时组件可见，否则不可见。
• 符合条件时不可见：可设置一个或多个条件，符合条件时组件不可见，否则可见。

在 App 编辑器中点击任意组件，在右侧的组件设置中，可以设置条件可见性，如下图：

在编辑条件时，可添加多个条件，多个条件之间支持逻辑与（AND）和逻辑或（OR）的关系。如下图：

每个条件可选择设备类型中定义的属性，并设置属性的比较运算方式。

有哪些应用场景？

充分利用组件的条件可见性功能，可以在设备不同状态下，展示不同的组件，在不同领域的应用场景中给用户带来更好的体验。

这里我们列举一些常见的客户使用场景：

• 传感器故障提醒：当设备传感器数值超过30分钟未更新时，显示“设备数据更新暂停，请检查传感器是否工作正常”文字提示，隐藏传感器当前数值组件。
• 智慧农业大棚：土壤酸碱度传感器检测到土壤 pH 值低于设定适宜范围时，显示 “土壤酸性过强” 文字组件，同时显示 “启动石灰喷洒设备” 开关按钮组件和 “查看改良方案” 按钮组件，及时改善土壤条件 。
• 仓库环境监控：如果仓库内的湿度传感器数值超过正常范围，显示相应的湿度异常提示文字组件，同时隐藏正常状态提示组件。
• 智能家居控制：当家中的门窗传感器检测到门窗打开时，显示 “门窗已打开” 文字组件，关闭时则隐藏该组件。
• 物流车辆跟踪：在地图组件上，当车辆行驶到设定的卸货地点范围时，显示 “到达卸货点” 文字组件和卸货操作的开关按钮组件，方便司机操作。
• 创客智能项目：在创客开发的家庭安防项目中，当红外人体传感器检测到有人进入警戒区域，显示 “检测到异常闯入” 文字组件，同时出现 “一键报警” 开关按钮组件和 “发送警报至手机” 开关组件，方便快速应对突发情况。
• 能耗监测系统：当商业楼宇的总能耗传感器数据显示当前时段能耗比过去同期高出 20%，显示 “能耗异常，请注意节能” 文字组件，同时出现 “关闭非必要用电设备” 开关按钮组件和 “查看能耗分析报表” 按钮组件，助力快速节能调整。
• 水产养殖鱼塘：当鱼塘溶解氧传感器检测到水体溶氧量低于 3mg/L，显示 “鱼塘缺氧警报” 文字组件，同时显示 “启动增氧机” 开关按钮组件和 “联系技术员” 按钮组件，防止鱼类缺氧死亡。
• 楼宇通风管理：写字楼内 CO₂浓度传感器检测到浓度高于 1000ppm，显示 “室内空气质量差，需通风” 文字组件，同时显示 “开启新风系统” 开关按钮组件和 “加大通风量” 调节按钮组件，改善室内空气质量 。

是不是很简单呢？快来试试吧！

物联网设备接入 ThingsCloud ，请参考 设备接入指南。