简体中文
简体中文
English
联系我们
注册
登录
layout空间导航

无线开关模版

更新时间:2022-03-01 07:55:02下载pdf

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

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

简介

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

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

无线开关模版

目录

说明: 此处只描述该脚手架相关的目录,如需了解通用目录结构信息参考 RN 0.59 脚手架文档

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

业务流程说明

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

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 点数值范围值参数不允许修改,不允许增减。