要在 Mac 上让 draw.io 连接线保持连接，请将线的两端连接到形状，并在松开鼠标前确认连接点已高亮。每一端都必须停留在特定位置时，请使用固定连接；连接点可以沿形状边缘移动时，请使用浮动连接。官方连接线指南

本指南介绍如何在 Mac 上使用 draw.io 调整一个简单图表：三个标有 Node A、Node B 和 Node C 的矩形，按顺序连接。目标是逐个移动节点，同时保持它们之间的连接，然后在需要时调整线条路径。

选择连接线是否应保持相同的连接点

draw.io 支持两种连接方式。移动形状时，固定连接会保持在形状上的特定位置。浮动连接会保持连接，但随着形状位置或连接线路径的变化，可以沿形状边缘移动。每一端都可以采用不同的连接方式。固定连接和浮动连接

更改任何设置前，先确定图表中“保持连接”的含义：

期望结果 应选择的连接方式 移动后要检查的内容
线条跟随节点，并可自由改变连接边 浮动 线端仍连接到预期节点
线条始终连接到特定位置，例如右侧边缘的中点 固定 线端仍位于该位置
一个节点需要特定连接点，另一个节点可以灵活调整 一端固定，另一端浮动 分别检查两端

这些选择与 draw.io 文档中连接方式对比所述的连接行为一致。

一个实用的诊断方法是区分三种情况：线端停留在原处、线端换到另一侧，或线条出现不自然的弯折。第二种可能是正常的浮动连接行为。第三种涉及路径布线。先测试连接方式，这样就不会把时间花在调整线条形状上，而线端其实仍需要重新连接。

创建能随形状移动的固定连接

在示例图表中，将 Node A、Node B 和 Node C 水平排列。计划将 Node A 右侧的连接点连接到 Node B 左侧的连接点，再以同样方式连接 Node B 和 Node C。这是一个示意布局，并非应用程序测试报告。

在 Mac 上显示连接点

点击空白区域，确保未选中任何对象。在格式面板的 Diagram 标签页中，确认已启用 Connection Points。在经典模式下，也可以使用 View > Connection Points。文档列出的 Mac 快捷键是 Option+Shift+O；它用于切换连接点的显示状态，因此按下后请检查显示结果，不要反复按。将鼠标悬停在形状上，查看是否出现小十字。连接点显示控制

使用高亮的连接点连接节点

  1. 将鼠标悬停在 Node A 上，找到其右侧边缘的连接点。
  2. 将鼠标移到该点上，直到它高亮显示为绿色，然后从该点拖动到 Node B。
  3. 将鼠标悬停在 Node B 左侧的连接点上。
  4. 等待该点高亮显示为绿色后再松开鼠标。
  5. 重复上述操作，从 Node B 右侧的连接点连接到 Node C 左侧的连接点。

这符合绘制固定连接线的文档步骤。选中连接线的固定端会以绿色十字标示。绘制固定连接线

现在选中 Node B，抓住其主体并拖到水平排列下方的新位置。保持 Node A 和 Node C 不动。文档所述的固定连接行为是：移动形状时，连接线两端会保持在各自选定的连接点上。执行此项检查时，请选中并拖动形状本身，而不是连接线手柄。移动形状并验证固定连接

分别检查两条连接线。按照预期，一条仍应连接 Node A 和 Node B，另一条仍应连接 Node B 和 Node C。单独移动一个节点是很实用的测试：如果将整个布局一起移动，你就较难判断每个线端是否都跟随各自的节点。

修复看起来只是碰到形状的线端

如果在线端移动测试中，某一端停留在原处，请先检查这一端。选中连接线，将其线端拖到目标形状的连接点上，待该点高亮显示为绿色时松开鼠标。如有需要，在另一端重复此操作。draw.io 文档指出，将拖动的连接线端放到连接点上即可连接形状。将连接线端连接到连接点

对于浮动连接，将线端拖到目标上方，并在形状轮廓变为蓝色时松开鼠标。浮动连接端会显示为蓝色圆圈。请依据这些可见提示确认连接，不要只凭线条看起来是否碰到边缘来判断。浮动连接指示标记

重新连接后，再次单独移动目标节点。如果线端跟随节点但换到了另一侧，请判断这种灵活性是否适合该图表。如果线端必须保持在左边缘或右边缘，请将其连接到相应的固定点。

默认连接点不合适时使用自定义连接点

如果形状上没有合适的连接点，请打开其上下文菜单并选择 Edit Connection Points。文档列出的 Mac 快捷键是 Option+Shift+K。在可视化编辑器中，双击要添加连接点的位置；启用网格吸附后，连接点的位置会受其影响。然后使用该点连接线条。也可以直接选择上下文菜单中的 Add Connection Point，但文档指出，旋转或翻转后的形状无法使用此命令。编辑形状的连接点

执行此任务时，连接线时请使用可见连接点，不要按住修饰键。官方连接点页面和修饰键快捷键页面对拖放线端时 Alt 和 Shift 键的说明相互矛盾。在 Mac 上，快捷键参考将 Alt 对应为 Option。使用可见连接点的操作步骤可以避免依赖这些相互矛盾的说明。连接点说明、修饰键参考

确认两端已连接后再调整弯折

固定连接控制连接线与形状的连接位置；连接线的中间路径则通过路径点和布线单独控制。选中连接线后会显示路径点手柄，移动手柄会改变路径。编辑时，固定端会保持在连接点上，而浮动端可以沿形状边缘移动。连接线路径和路径点

如果旧的绕行路径已无用，只选中受影响的连接线。在格式面板中打开 Arrange，选择 Reset，再选择 Waypoints。连接线会恢复为更直接的路径。重置路径点不会移动连接线标签，因此之后请检查标签。如有需要，可使用 Reset > Label Positions；锁定的标签会保持原位。重置路径点和标签

如果需要特意设计路径，请选中连接线，然后在 Style 标签页的 Effects 部分启用 Follow Terminals。draw.io 文档说明，此选项可在连接形状移动时调整手动设置的路径点。重新定位后请检查生成的路径；保持线端连接和保留实用路径是两个不同的要求。随已连接形状移动路径点

如果希望路径能自动绕开其他形状，请选中连接线并选择 Style > Waypoints > Auto-route around shapes。文档指出，当已连接的形状移动或调整大小时，布线路径会随之更新。手动拖动连接线添加路径点会关闭自动布线。在会自动排列内容的容器内，自动布线也不会生效。自动布线及其限制

避免使用无法解决当前问题的设置

Snap to Point 会让连接线在形状或连接线移动时使用最近的已定义连接点。最近的连接点可能会改变，因此，如果你希望有可选的锚点位置，同时允许线端在这些锚点之间切换，此功能很实用。如果线端必须保持在某个特定位置，请使用固定连接。锚点吸附的工作方式

同样，文档中的 Arrange > Layout > Orthogonal Routing 命令只会重新布线一次，不会启用持续自动布线。如果要进行一次性整理，请选择此命令；如果希望后续移动触发路径更新，请选择 Auto-route around shapes。一次性布线和自动布线

最后，单独移动 Node B，检查全部四个连接线端，然后检查弯折和标签。完成这些步骤后，就可以清楚地确认任务是否完成：预期的节点仍保持连接，固定端仍位于选定位置，重新排列后的路径也清晰易读。

来源