无线开关模版

更新时间：2023-10-12 08:00:18下载pdf

本文为您介绍 wirelessSwitch 的具体功能及其使用方法，更多资源参考 Github 仓库。

说明： 本项目依赖 TYSdk.mobile.mobileInfo.appRnVersion 5.28 及以上版本，如果 App 版本过低，请前往涂鸦面板-RN 重新下载。

简介

该模板工程为基于 React Native 0.59 的无线开关模板，支持以下功能：

创建联动
按照条件绑定场景
触发联动
编辑联动

无线开关模版

├── src
│   ├── api // 放置项目中用到的一系列云端 api
│   ├── components // 放置项目中用到的复用的功能组件
│   ├── composeLayout.tsx // 封装处理了面板内部所需要的一些`设备事件`和`设备信息`
│   ├── config // 放置面板内部一些常用的配置文件
│   ├── pages // 放置项目的各个页面级别的组件
│   ├── i18n // 放置多语言配置文件
│   ├── main.tsx // 项目入口文件, 继承自 `NavigatorLayout`，通过重写 `hookRoute` 方法将一些必要的配置传入，例如背景、topbar 等；重写 `renderScene` 方法控制路由跳转
│   ├── models // 放置 redux 相关的一些代码
│   ├── res // 放置本地资源，包括图等
│   ├── icons // 放置本地资源，包括 svg path 等
│   └── utils // 放置面板内部会用到的一些常用工具方法等

业务流程说明

选择需要绑定的场景。
单击添加，选择绑定条件。
在创建产品页面，选择执行动作和编辑产品名称。
选择场景，完成绑定。
在联动列表触发联动。
触发成功后执行场景动作。

UI 交互说明

工具封装

目录: utils/index.ts

说明： 主要目的将方法封装，便于开发及维护。

主要方法如下：

getFaultStrings（告警 DP 解析，返回提示文案）
getTxt（获取电量不同范围内文案）
getDeviceInfo（获取场景动作条件中，设备的相关信息）
getIconList（获取场景动作条件中，多个设备的图标列表）

import { getTxt } from '@utils'; 

const eleTxt = getTxt(10);

DP 协议介绍

旋钮按键

参数	取值
id	1
code	switch1_value
type	enum
mode	只上报
value	{ “range” : [ “single_click”, “double_click”, “long_press” ], “type” : “enum” }
description	该 DP 点用于控制无线开关按键的三种控制模式：单击、双击、长按。该 DP点枚举值参数不允许修改，不允许增减。

旋钮开关

参数	取值
id	12
code	knob_switch_mode_1
type	enum
mode	只上报
value	{ “range” : [ “clockwise_rotation”, “anticlockwise_rotation” ], “type”: “enum” }
description	该 DP 点用于控制无线开关旋钮的两种控制模式：顺时针旋转、逆时针旋转。该 DP点枚举值参数不允许修改，不允许增减。

电池电量

参数	取值
id	10
code	battery_percentage
type	value
mode	只上报
value	{ “unit”: “%”, “min”: 0, “max”: 100, “scale”: 0, “step”: 1, " type": “value” }
description	该 DP 点用于展示无线开关剩余电量，该 DP 点数值范围值参数不允许修改，不允许增减。

上一篇窗帘开关模板

下一篇React Navigation TS 模板