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

幻彩灯串照明模板

更新时间:2022-04-08 07:36:37下载pdf

本文为您介绍 幻彩灯串照明模板 的具体功能及其使用方法,更多资源参考 GitHub 仓库

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

简介

本模板工程基于 React Native 0.59 版本的 TS 基础模板, 可用于快速创建照明 3 路幻彩灯串项目,支持以下功能:

  • 涂抹调光
  • 幻彩情景
  • App、本地音乐
  • 云端定时
  • 倒计时

支持以下品类:

  • Wi-Fi 与蓝牙双模幻彩灯串

    幻彩灯串照明模板

目录

本文仅描述脚手架相关的目录,通用目录结构信息参考 RN 0.59 模板

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

业务流程及 UI 交互

  • 进入面板:可通过点击底部栏开关图标进行开关灯操作。
  • 模式切换:点击首页底部导航栏进行设备模式切换,底部导航栏根据 DP 配置展示。
  • 调光界面:可通过 HSV 滑动条及配合涂抹的方式(油漆桶、涂抹、擦除)去调节每一节灯串的颜色,还可设置动态效果。
  • 音乐界面:可以使用本地音乐和 App 音乐来进行音乐律动。
  • 场景界面:默认共有 4 组默认场景数据,一共 8 个情景,支持收藏。
  • 计划页:可进行倒计时处理灯的开关;云端定时界面可以设置设备开关定时及调光情景动作。

DP 介绍

开关(必选)

参数 取值
id 20
code switch_led
type bool
mode 可上报下发
value {“type”:“bool”}
description 用于控制灯的开启、关闭。

模式(必选)

参数 取值
id 21
code work_mode
type enum
mode 可上报下发
value {“range”:[“white”,“colour”,“scene”,“music”],“type”:“enum”}
description 用于控制灯泡的白光、彩光、场景模式。枚举值参数不允许修改,不允许增减。music 功能在面板中暂无呈现。

彩光(必选)

参数 取值
id 24
code colour_data
type string
mode 可上报下发
value {“type”:“string”,“maxlen”:255}
description 可以通过该 DP 调节灯泡彩光,长度固定为 12 位,按照 HSV 颜色模型。示例:{“24”:“000011112222”}
  • 0000:H(色度:0-360,0X0000-0X0168)
  • 1111:S(饱和:0-1000, 0X0000-0X03E8)
  • 2222:V (明度:0-1000,0X0000-0X03E8)

炫彩场景(必选)

参数 取值
id 56
code rgbic_linerlight_scene
type 透传型(Raw)
mode 可上报下发
value {“type”:“string”,“maxlen”:255}
description 用于切换、编辑炫彩情景场景 DP。
  • 00:版本号
  • 11:场景模式编号(200+)
  • 22:变化方式
  • 33:间隔时间
  • 44:变化时间(0~100)
  • 55:设置项
  • 66:设置项 B
  • 77:设置项 C
  • 节点 1:
    • 00:彩光亮度 V(1~100)
    • 1111:颜色 H(0~360)
    • 22:饱和度 S(1~100)
    • 3333:亮度 B(10~1000)
    • 4444:色温 T(0~1000)
说明: 数字 1~8 的标号对应有多少单元就有多少组。

LED 点数设置(必选)

参数 取值
id 58
code led_number_set
type Value
mode 可上报下发
value 数值范围:1-5000
间距:1
倍数:0
description 代表灯串 LED 数量,用于切分灯串长度、段数

涂抹调色(必选)

参数 取值
id 61
code paint_colour_data
type 透传型(Raw)
mode 可上报下发
value -
description 可以通过改 DP 调节每一节灯串的颜色及动态效果。
示例:20 段的 UI,面板下发 DP 数据举例说明(Hex 格式):
  • 彩光+油漆桶:00 01 00 14 00 HH SS VV
  • 油漆桶红光:00 01 00 14 00 00 01 03 E8 03 E8

倒计时

参数 取值
id 26
code countdown
type 数值型 Value
mode 可上报下发
value 数值范围:0-86400
间距:1
倍数:0
单位:秒
description 代表倒计时在某秒后开灯或关灯

音乐律动

参数 取值
id 27
code music_data
type Value
mode 只下发
value 字符型(String)
description 通过 App 内置律动算法实现灯光律动

炫彩本地音乐律动

参数 取值
id 57
code dreamlightmic_music_data
type Value
mode 可上报下发
value 透传型(Raw)
description 该 DP 通过设备本地麦克风收声实现灯光律动,协议:
  • 00:版本号
  • 11:本地麦克风开关(0:关闭,1:开启)
  • 22:音乐模式编号(0~4)
  • 33:变化方式(00)
  • 44:变化速度(1~100)
  • 55:灵敏度(1~100)
  • 66:设置项 A
  • 77:设置项 B
  • 88:设置项 C
  • 99:亮度(1~100)
  • 节点 1
    • 0000:颜色 H(0~360)
    • 11:饱和度 S(1~100)