幻彩灯串照明模板

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

简介

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

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

支持以下品类：

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

  

目录

├── 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）