如何用nodered 写一个开关控制的流，使用自定义的svg 图标更改它的颜色为黑色，让他显示在dashboard，写成可以导入nodered流的代码

### 回答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. 在弹出的对话框中，将你的流代码粘贴进去，并点击"导入"按钮来导入该流。

[{"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的仪表板来控制开关的状态了。