客户案例 · Tuya 自定义面板 · 智能家电
空气净化器涂鸦生态接入与自定义面板开发
项目背景：让空气净化器能力在 App 中完整可控
本项目面向已具备智能化能力的空气净化器产品，目标是在涂鸦生态中实现与设备端一致的状态展示和控制体验。客户希望用户可通过品牌 App 中的自定义面板完成常用控制，同时保留设备状态变化的及时反馈。
设备能力需要被完整呈现
客户已有空气净化器产品，希望接入涂鸦生态，并通过独立的设备面板承接远程操作。除了基础开关外，产品还包含音量、定时、铃声以及氛围灯色调、色温、亮度等控制能力。
控制与状态必须保持一致
用户在 App 上发起操作后，需要看到设备的真实反馈；设备端状态变化时，面板也应及时同步。因此，界面交互、DP 点监听和控制指令收发需要在同一条产品链路中设计。
品牌体验不能只停留在通用控制页
空气净化器的运行模式、声音与灯光是用户日常高频接触的体验。客户希望在涂鸦能力基础上，用更贴合产品功能的自定义面板组织操作流程。
技术方案：以 DP 点连接设备状态、控制指令与面板交互
方案以设备功能为起点，将数据点模型、自定义面板与设备联调组织为连续链路：前端读取和监听可用状态，用户操作按对应 DP 点下发，设备端反馈后再同步面板显示。
梳理空气净化器 DP 点模型
先把设备可读取的状态和可下发的控制动作拆分为明确的数据点，并定义数值范围、枚举值、默认状态与前端展示方式。
- 状态类 DP：设备开关、当前运行模式、定时状态、灯光状态及其他由设备端反馈的可用状态。
- 控制类 DP：开关、音量调节、定时设置、铃声播放、色调、色温和亮度等指令，由面板按设备支持范围下发。
定制 App 设备面板与交互流程
围绕用户常用动作组织首页信息层级，把实时状态、核心控制与细分设置拆分为易理解的操作区域。
- 首页优先呈现设备在线与运行反馈，并保留开关和常用调节入口。
- 定时、铃声、色彩和亮度等功能进入对应控制区域，减少单一页面的操作拥挤。
通过 DP 监听完成双向同步
面板启动后监听设备 DP 状态；用户操作时按约定的数据点发送控制指令，并在收到设备侧变化后更新显示，避免把本地点击状态误当作设备实际状态。
- 对开关、音量、定时和灯光等高频控制，分别处理下发、回执与状态更新。
- 对设备离线、数据未返回或不支持的能力保留清晰的前端反馈边界。
按真实设备进行联调与交付验证
使用样机覆盖常用操作组合，检查控制指令、状态回传、页面刷新与异常提示是否一致，再根据设备端实际能力调整面板表现。
- 覆盖开关、音量、定时、铃声、色调、色温和亮度等核心功能的状态变化。
- 核对不同控制顺序、设备重启和网络波动情况下的可恢复性与用户提示。
软件功能：围绕高频操作组织五类 App 界面
设备状态与运行概览
集中呈现设备在线状态、运行反馈和可展示的环境或工作信息，具体字段依据实际 DP 能力配置。
开关与音量调节
支持设备启停与音量档位调整，让用户在一个面板中完成高频基础控制。
定时控制
按设备支持的时间与重复规则设置定时任务，并在页面中同步当前配置状态。
铃声播放
提供可选铃声或提示音入口，向设备发送对应播放控制指令。
氛围灯色彩、色温与亮度
通过色环、色温和亮度控件组织灯光控制，并根据设备端反馈更新当前灯光状态。
项目价值：将设备控制能力转化为稳定、可扩展的用户体验
让设备能力成为可理解的 App 体验
自定义面板围绕空气净化器的实际功能组织信息与操作，用户无需理解 DP 点或底层通信方式，即可完成常用控制。
减少控制状态不一致带来的体验问题
通过监听设备状态并以设备返回结果更新界面，帮助用户区分“已发起操作”与“设备已确认的状态”。
为后续产品功能迭代保留接口
设备能力以 DP 点和面板模块组织。当硬件侧增加可用状态或控制能力时，可按产品规划继续扩展对应展示与交互。
