### 回答1：
要使用Node-RED编写一个开关控制的流，您需要按照以下步骤操作：
1. 首先，安装Node-RED的Dashboard插件，这可以通过在Node-RED面板的右上角的菜单中选择“管理面板”，然后选择“Pallete”
选项卡并搜索“node-red-dashboard”插件来完成。
2. 在Node-RED的编辑器中创建一个新的流，并添加一个“dashboard”节点。该节点允许您将数据传输到Node-RED的Dashboard插件中。
3. 接下来，添加一个“switch”节点，以便您可以控制开关状态。将开关的状态连接到dashboard节点的输入。
4. 为了更改
图标的颜色，您需要使用自定义的SVG
图标。可以将SVG
图标上传到Node-RED Dashboard插件的
图标文件夹中。这个文件夹在Node-RED的安装目录下的“node_modules/node-red-dashboard/dist/icons”文件夹中。
5. 在dashboard节点的
设置中，将
图标设置为您上传的自定义SVG
图标。
6. 最后，您需要将流导出为代码。这可以通过选择右上角的“导出”按钮完成。将代码保存到文件中。
导入代码时，只需将代码复制并粘贴到Node-RED编辑器中的导入窗口即可。导入的流将出现在Node-RED编辑器的左侧面板中，您可以随时使用它。
### 回答2：
要使用Node-RED编写一个开关控制的流，并使用自定义的SVG
图标将其颜色更改为黑色，并在控制面板上显示它，可以按照以下步骤进行操作：
1. 首先，在Node-RED编辑器中创建一个新的流，并在左侧的工具栏中选择"导入"选项。
2. 在弹出的对话框中，将你的流代码粘贴进去，并点击"导入"按钮来导入该流。
```json
[{"id":"a24c8177.17822","type":"ui_template","z":"8f5f047a.7c0ad8","group":"7f11ccec.7effb4","name":"","order":0,"width":"1","height":"1","format":"<style>\n .onoff div svg {\n fill: black !important;\n }\n</style>\n\n<div ng-class=\"{'onoff': msg.payload == 'on', 'fa fa-toggle-off': msg.payload == 'off', 'fa fa-toggle-on': msg.payload == 'on'}\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n <path d=\"M14 10.42V4h-4v6.42L5.71 8.3a.996.996 0 0 0-1.41 1.41l5.3 5.29a.996.996 0 0 0 1.41 0l5.3-5.29a.996.996 0 1 0-1.41-1.41L14 10.42zM17 13V3H7v10H5v6h14v-6h-2z\"/>\n </svg>\n</div>","storeOutMessages":true,"fwdInMessages":true,"templateScope":"local","x":490,"y":440,"wires":[[]]},{"id":"7f11ccec.7effb4","type":"ui_group","z":"","name":"Default","
tab":"8741e4b0.c8e4b","disp":true,"width":"6","collapse":false},{"id":"8741e4b0.c8e4b","type":"ui_
tab","z":"","name":"Home","icon":"dashboard"}]
```
3. 点击"导入"按钮后，你将在编辑器中看到一个包含开关SVG
图标的模板节点。它具有自定义的CSS样式，当消息的payload为"on"时将
图标的颜色更改为黑色。
4. 将该节点连接至其他逻辑和输出节点，并在你的控制面板上显示该流。
通过以上步骤，你就可以使用Node-RED编写一个开关控制的流，并使用自定义的SVG
图标将其颜色更改为黑色，并让它显示在控制面板上。
### 回答3：
Node-RED是一个流程编程工具，可以用来快速创建物联网应用程序。下面是一个使用Node-RED编写开关控制的流程，同时使用自定义的SVG
图标并将其颜色更改为黑色，然后显示在Node-RED的仪表板上。
首先，打开Node-RED编辑器，在右侧的工具栏中选择并拖动相应的节点到中央的流程编辑区域。
1. 添加一个「开关」节点，用于控制流程的开关状态。
2. 添加一个「改变颜色」节点，用于更改自定义SVG
图标的颜色为黑色。可以使用CSS或其他方法将SVG的颜色样式更改为黑色。
3. 添加一个「仪表板」节点，用于将开关状态和自定义SVG
图标显示在Node-RED的仪表板上。
4. 将这三个节点连接起来，并
设置相应的节点属性。例如，可以通过
设置「开关」节点的名称和初始状态来控制开关的行为。可以通过
设置「改变颜色」节点的SVG
图标路径来导入自定义的SVG
图标。可以通过
设置「仪表板」节点的标签和分组来配置仪表板显示的方式。
5. 单击「部署」按钮来部署流程，并在
浏览器中打开Node-RED的仪表板界面。
此时，你将能够在Node-RED的仪表板上看到一个带有自定义SVG
图标的黑色开关。点击开关，可以控制开关的状态，并随之改变SVG
图标的颜色。
最后，将以上流程导出为Node-RED流程代码，可以将其保存为一个JSON文件，并在需要时导入到Node-RED中。具体的导入导出方法，可以参考Node-RED的官方文档或在线资源。
这样，你就可以使用自定义的SVG
图标并将其颜色更改为黑色，并通过Node-RED的仪表板来控制开关的状态了。
扫一扫
198
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
