ThingsX 全新推出设备预览面板，设备状态一目了然

作为 ThingsCloud 平台内置的物联网 App 零代码应用，ThingsX 已然成为众多行业头部企业快速搭建物联网移动应用的最佳选择，正有力地推动着千行百业的数字化升级进程。

今天我们很高兴为 ThingsX 推出全新的设备预览面板，将 零代码设备面板 的能力进一步扩展，它能够在 ThingsX 首页设备列表的卡片中，快捷展示设备的多个属性状态，帮助用户快速获取设备的重要运行状态，无需进行多次跳转和费时的查找操作，大大提升了用户体验和信息获取速度，使得用户的设备管理流程更加流畅和高效。

如何编辑设备预览面板？

如果您已经在 ThingsCloud 中使用过 ThingsX 设备面板编辑器，您将可以轻松上手。

进入设备类型的 应用配置 > 编辑设备面板，在设备面板编辑器中，可以看到在设备面板左边的设备列表页面中，显示当前设备类型的卡片，您可以点击卡片上的预览面板部分，在右侧对预览面板进行编辑。

预览面板可以关联哪些属性？

首先为预览面板选择要关联的一个或多个设备属性，这些属性需要事先在设备类型的功能定义中添加。预览看板可关联的属性数据类型包括：

• 数值类型：比如设备的实时功率数值、电量消耗数值等，能精准反映设备的运行量化指标。
• 开关量类型：像设备的紧急制动开关状态、灯光照明开关状态等，可直观呈现设备的二元状态信息。
• 文本类型：诸如设备的编号、ICCID、生产批次文本等，有助于深入了解设备的相关背景信息。
• 枚举类型：例如设备的不同工作模式枚举（如高速、中速、低速模式）、不同故障类型枚举等，方便用户快速知晓设备的特定运行模式或故障类别。

您可以将设备的一些关键属性集中展示在这里，例如：设备的温度数值、运行状态、设备编号以及工作模式等。

如何设置不同的布局？

预览面板采用网格作为属性呈现的基本布局，您可以根据关联属性的数量和展示需求，自定义属性列数。这里还支持分别设置宽卡片和窄卡片模式下的属性列数。

对于一些内容较长的文本属性，还可以单独设置占用多列，以便获得更大的展示空间。

您还可以通过编辑布局样式和对齐方式，对设备预览面板进行多种样式的尝试。

如何单独设置每个属性的样式？

在完成属性关联后，您可以在右侧的设置栏中，分别展开每个属性，进行样式设置。

针对数值类型的属性，您可以设置显示名称、文字颜色、背景色等，除此之外，您还可以为数值设置不同区间范围的颜色，便于用户直观的了解设备的状态级别。

针对开关量属性，您可以使用信号灯或图标的呈现方式，并且可以设置不同状态下的颜色和图标，以及图标动画效果。

如何在 ThingsX 中浏览效果？

在编辑器完成编辑后，记得保存。接下来进入 ThingsX 的设备列表页，便可以看到完全一致的预览看板。

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

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