当前位置:首页 > draw.io教程

家庭实验室和智能家居示意图

drawio1年前 (2025-05-06)draw.io教程9

家庭实验室家庭网络智能家居相关的Reddit子版块中,我们很高兴看到大家分享越来越复杂的家庭计算和网络设置图。这些图解可以帮助用户理解联网设备之间的物理和逻辑连接,对于设置安全区域、升级硬件和调试连接问题都非常有用。

家庭实验室家庭中心家庭网络智能家居图是常用的术语,可以互换使用,用来指代一系列基础设施图。这些图可以按物理位置、安全性和访问权限、有线连接或其他逻辑分组方式来组织设备和组件。

绘制自定义智能家居形状

智能家居中广泛应用着各种物联网 (IoT) 设备和服务。这些设备和服务发展迅猛,技术绘图应用程序中的形状库已无法跟上步伐。在 draw.io 中,您可以为这些设备创建自定义形状。

上面的示例使用了新的Network 2025 形状库,其中包含许多用于智能设备和家用电器的自定义形状。

  1. 使用“搜索形状”功能,从 draw.io 库中查找并添加多个形状。

  2. 拖动选择框选中组成自定义形状的所有形状,右键单击并将它们组合在一起。

例如,这种定制的壁式加热器形状使用了四个重叠的发夹式换热器形状,它们组合在一起。

下方所示的自定义集线器形状结合了圆角矩形圆形以太网端口形状以及用作天线的 延迟

形状。自定义集线器形状可让您:

  • 标记每个端口

  • 将连接器连接到自定义形状内的以太网端口形状上

更多创建自定义形状的方法

编辑现有形状:更改 网络库中交换机形状的连接点,使连接器更整齐地位于每个端口上。网状网络和路由器形状已编辑为具有四个固定连接点。

绘制手绘形状:单击工具栏中的手绘工具,或从菜单中选择“排列”>“插入”>“手绘” 。绘制前取消选中画笔复选框,以便您可以设置手绘形状的轮廓样式和填充颜色。

添加徽标图片:将文件拖放到绘图画布上。

经验丰富的用户: 通过在 XML 中描述几何形状和样式来绘制新的复杂自定义形状。

利用容器打造家庭实验室区域

虽然您可以使用标签图层显示/隐藏图表的部分内容,但对于家庭实验室或智能家居图表而言,容器区域更加实用。

  1. 在绘图画布上放置一个矩形。选中该矩形后,单击“排列”选项卡中的 “置于底层” 。

  2. 选择矩形区域形状,展开格式面板“样式”选项卡中的“属性” ,然后启用“容器”复选框。确保未启用 “可折叠”复选框,以使其始终保持展开状态。

  3. 将属于该区域的设备拖到矩形上,当矩形轮廓在浅色模式下变为紫色,或在深色模式下变为绿色时,即可放下这些设备。

现在您可以移动和调整容器的大小,容器内的设备也会随之移动和调整大小。

使用占位符放置智能 IP 标签

您可以在容器区域上使用形状属性来分配子网地址,然后在设备标签中使用占位符。当您将设备从一个区域移动到另一个区域时,其标签将自动更新。

  1. 右键单击容器形状,然后选择“编辑形状”

  2. 输入形状属性的名称,然后单击“添加属性”,并启用“占位符”复选框。

  3. 输入形状属性的值(在本例中为子网地址),然后单击“应用”

  4. 对于区域中的每个形状,右键单击并选择“编辑形状”,启用“占位符”复选框,然后单击“应用”

  5. 点击形状,%在标签中输入容器区域的属性名称,并用百分号 (%) 将其括起来,即可添加占位符。您可以在占位符前后添加其他文本。在本例中,标签写为“ %subnet%.4”,将显示为“” 192.168.1.4

提示:更改容器的属性,其所有设备的标签将自动更新。

了解更多关于 draw.io 中占位符的信息

在 draw.io 中打开此示例

复杂智能家居的机架图

机架图就像它们的物理对应物一样,将服务器、交换机和其他组件整齐地排列在一起。

  1. 点击“更多形状”,启用“货架形状库”。

  2. 在图纸中添加一种货架容器形状。

  3. 将架子上的每个部件依次放到上面部件的正下方,它就会落到合适的位置。

在 draw.io 中打开这个机架图示例

保存您的自定义形状库

  1. 将每个自定义形状从绘图画布拖到草稿纸上。

  2. 编辑草稿纸(点击钢笔图标)。如果需要,可以为每个自定义形状命名。

  3. 将自定义形状库导出.xml并保存到文件。