Para manter os conectores do draw.io anexados no Mac, conecte suas extremidades às formas e verifique o destaque de anexação antes de soltar. Use conexões fixas quando cada extremidade deve permanecer em um ponto específico; use conexões flutuantes quando o anexo puder se mover ao redor do perímetro da forma. Guia oficial de conectores

Este guia foca em reorganizar um diagrama simples no draw.io no Mac: três retângulos rotulados Node A, Node B e Node C, conectados em sequência. O objetivo é mover nós individuais preservando suas conexões e, se necessário, ajustar os caminhos das linhas.

Escolha se o conector deve manter o mesmo ponto de anexação

draw.io suporta dois comportamentos de anexação. Uma conexão fixa permanece em um ponto específico de uma forma quando você a move. Uma conexão flutuante permanece conectada, mas pode se mover ao redor do perímetro conforme a posição da forma ou o roteamento do conector mudam. Cada extremidade pode usar um comportamento diferente. Conexões fixas e flutuantes

Antes de alterar qualquer coisa, decida o que “permanece anexado” significa para seu diagrama:

Resultado desejado Anexação a escolher O que verificar após mover
A linha segue o nó, com liberdade para mudar de lado Flutuante A extremidade ainda encontra o nó pretendido
A linha sempre usa um ponto específico, como o ponto médio do lado direito Fixa A extremidade permanece naquele ponto
Um nó precisa de um anexo específico, enquanto o outro pode se adaptar Fixa em uma extremidade, flutuante na outra Verifique cada extremidade separadamente

Essas escolhas seguem os comportamentos de anexação documentados na comparação de conectores do draw.io.

Um diagnóstico útil é separar três observações: uma extremidade fica para trás, uma extremidade muda de lado, ou a linha desenvolve uma curva estranha. A segunda pode ser comportamento flutuante normal. A terceira diz respeito ao roteamento. Teste a anexação primeiro para não gastar tempo remodelando uma linha cuja extremidade ainda precisa ser reconectada.

Crie conexões fixas que acompanhem suas formas

Para o diagrama de exemplo, coloque Node A, Node B e Node C em uma linha horizontal. Planeje conectar o ponto do lado direito de Node A ao ponto do lado esquerdo de Node B, depois repita entre Node B e Node C. Esta é uma disposição ilustrativa, não um teste de aplicação relatado.

Torne os pontos de conexão visíveis no Mac

Clique em uma área em branco para que nada esteja selecionado. Na aba Diagram do painel de formato, certifique-se de que Connection Points esteja ativado. No modo Classic, você também pode usar View > Connection Points. O atalho documentado para Mac é Option+Shift+O; ele alterna a visibilidade, então verifique o resultado em vez de pressioná-lo repetidamente. Passe o mouse sobre uma forma para procurar as pequenas cruzes. Controles de visibilidade de pontos de conexão

Conecte os nós usando os pontos destacados

  1. Passe o mouse sobre Node A e encontre o ponto de conexão em sua borda direita.
  2. Mova para esse ponto até que ele seja destacado em verde, depois arraste dele em direção a Node B.
  3. Passe o mouse sobre o ponto de conexão do lado esquerdo em Node B.
  4. Solte quando esse ponto estiver destacado em verde.
  5. Repita a partir do ponto do lado direito de Node B para o ponto do lado esquerdo de Node C.

Isso segue o procedimento documentado para desenhar conectores fixos. A extremidade fixa do conector selecionado é indicada por uma cruz verde. Desenhar conectores fixos

Agora selecione e arraste Node B pelo seu corpo para uma nova posição abaixo da linha. Deixe Node A e Node C no lugar. O comportamento documentado de conexão fixa é que as extremidades dos conectores permanecem nos pontos de conexão escolhidos enquanto a forma se move. Selecione e arraste a forma em si, não um manipulador do conector, ao realizar esta verificação. Mover formas e verificar conexões fixas

Inspecione ambos os conectores independentemente. Para o exemplo pretendido, um ainda deve conectar Node A a Node B, e o outro ainda deve conectar Node B a Node C. Este movimento de um único nó é um teste prático útil: mover todo o arranjo junto fornece menos informação sobre se cada extremidade segue seu próprio nó.

Repare uma extremidade que apenas parece tocar uma forma

Se uma extremidade do conector ficar para trás durante o teste de movimento, inspecione essa extremidade primeiro. Selecione o conector, arraste sua extremidade para o ponto de conexão da forma pretendida e solte quando o ponto destacar em verde. Repita na outra extremidade, se necessário. O draw.io documenta soltar uma extremidade de conector arrastada sobre um ponto de conexão como uma forma de conectar formas. Anexar extremidades de conector a pontos de conexão

Para uma anexação flutuante, arraste a extremidade sobre o alvo pretendido e solte quando o contorno da forma ficar azul. A extremidade flutuante é mostrada como um círculo azul. Use esse feedback visual em vez de julgar a anexação apenas por a linha parecer encontrar a borda. Indicadores de conexão flutuante

Após reconectar, mova apenas o nó alvo novamente. Se a extremidade seguir mas mudar de lado, decida se essa flexibilidade serve ao diagrama. Se a extremidade deve permanecer na borda esquerda ou direita, anexe-a ao ponto fixo correspondente.

Use pontos de conexão personalizados quando os padrões não servirem

Quando uma forma não tiver um ponto conveniente, abra seu menu de contexto e escolha Edit Connection Points. O atalho documentado para Mac é Option+Shift+K. No editor visual, clique duas vezes onde deseja um ponto adicional; o snap de grade ativado afeta sua posição. Então use esse ponto para o conector. O comando direto do menu de contexto Add Connection Point é outra opção, mas a documentação diz que ele não está disponível para formas rotacionadas ou espelhadas. Editar pontos de conexão de uma forma

Para esta tarefa, use pontos visíveis sem segurar teclas modificadoras ao anexar. A página oficial de pontos de conexão e a página de referência de teclas modificadoras dão descrições conflitantes de Alt e Shift durante solturas de extremidades. No Mac, a referência de atalhos mapeia Alt para Option. O procedimento de pontos visíveis evita depender dessa orientação conflitante. Instruções de pontos de conexão, referência de teclas modificadoras

Corrija curvas após confirmar que as extremidades estão anexadas

Uma anexação fixa controla onde um conector encontra uma forma; o caminho intermediário do conector é controlado separadamente através de waypoints e roteamento. Conectores selecionados mostram manipuladores de waypoint, e movê-los altera o caminho. Uma extremidade fixa permanece em seu ponto de conexão enquanto uma extremidade flutuante pode se mover ao redor do perímetro durante tais edições. Caminhos e waypoints de conectores

Se um desvio antigo não ajuda mais, selecione apenas o conector afetado. No painel de formato, abra Arrange, escolha Reset, depois escolha Waypoints. Isso retorna o conector a uma rota mais direta. Redefinir waypoints deixa os rótulos do conector onde estão, então inspecione quaisquer rótulos depois. Se necessário, use Reset > Label Positions; rótulos travados mantêm suas posições. Redefinir waypoints e rótulos

Para uma rota deliberadamente moldada, selecione o conector e ative Follow Terminals na seção Effects da aba Style. O draw.io documenta esta opção para mover waypoints definidos manualmente quando uma forma conectada se move. Verifique a rota resultante após reposicionar; manter as extremidades anexadas e preservar um caminho útil são requisitos separados. Mover waypoints com formas conectadas

Se quiser que as rotas se adaptem ao redor de outras formas, selecione o conector e escolha Style > Waypoints > Auto-route around shapes. O roteamento documentado atualiza quando formas conectadas se movem ou redimensionam. Arrastar manualmente o conector para adicionar waypoints desliga o roteamento automático. O auto-roteamento também não tem efeito dentro de contêineres que organizam automaticamente seu conteúdo. Roteamento automático e seus limites

Evite configurações que resolvem um problema diferente

Snap to Point faz um conector usar o ponto de conexão definido mais próximo conforme formas ou conectores se movem. Como o ponto mais próximo pode mudar, isso é útil quando você quer locais de ancoragem selecionáveis, mas permite que a extremidade alterne entre eles. Para uma extremidade que deve permanecer em um ponto específico, use uma conexão fixa. Como o snap para pontos de ancoragem funciona

Da mesma forma, o comando documentado Arrange > Layout > Orthogonal Routing redireciona conectores uma vez; ele não habilita roteamento automático contínuo. Escolha-o para uma limpeza única, e escolha Auto-route around shapes quando quiser que movimentos subsequentes acionem novos caminhos. Roteamento único e automático

Termine movendo Node B por conta própria e verificando todas as quatro extremidades dos conectores, depois inspecionando as curvas e rótulos. Essa sequência fornece um ponto de parada claro: os nós pretendidos permanecem conectados, extremidades fixas retêm seus pontos escolhidos, e as rotas são legíveis no novo arranjo.

Fontes