Per ridisegnare i connettori di draw.io dopo aver spostato le forme, usa Auto-route around shapes per evitare automaticamente gli ostacoli. Per gli altri connettori, usa waypoint manuali per creare percorsi separati oppure salti di linea per rendere chiari gli incroci.

Scegli il risultato di instradamento che ti serve

Questa guida è pensata per chi modifica un diagramma esistente in draw.io Desktop su Mac. L’obiettivo è ripristinare collegamenti leggibili dopo aver ridisposto le forme, mantenendo ogni connettore collegato ai nodi a cui è destinato.

Per prima cosa individua l’ostacolo. Un connettore che attraversa un rettangolo richiede un intervento diverso rispetto a due connettori che si incrociano in uno spazio vuoto. La documentazione ufficiale descrive l’instradamento automatico intorno alle forme; non garantisce l’eliminazione automatica di ogni incrocio o tratto condiviso tra connettori. Per un percorso specifico intorno a un’altra linea, usa waypoint manuali. Se un incrocio è accettabile, usa i salti di linea. Consulta la documentazione sull’instradamento automatico e il riferimento allo stile dei connettori di draw.io.

Usa questo esempio sintetico come riferimento: posiziona Node A a sinistra e Node B a destra, collegandoli con un connettore. Metti Node C tra i due nodi come ostacolo. Aggiungi un secondo connettore tra Node D, in alto, e Node E, in basso. Il primo problema è evitare Node C; il secondo è decidere come i due connettori devono incrociarsi.

Prepara l’editor desktop su Mac

Apri il diagramma e seleziona il connettore interessato. Se il pannello di formattazione è nascosto, scegli View > Format oppure premi Cmd+Shift+P. I controlli di instradamento si trovano nella scheda Style. Questi controlli del pannello e la scorciatoia per Mac sono descritti in Dai uno stile al diagramma.

Se l’opzione di instradamento automatico non è disponibile, verifica la presenza di un aggiornamento dell’applicazione scegliendo Help > Check for Updates e segui le istruzioni. Questa è la procedura di aggiornamento documentata per draw.io Desktop. L’evitamento automatico delle forme compare nell’annuncio di aggiornamento dei connettori di draw.io del 13 ottobre 2026, quindi le istruzioni precedenti potrebbero descrivere un flusso di lavoro diverso.

Evita automaticamente le forme con i connettori

  1. Seleziona il connettore tra Node A e Node B.
  2. Apri la scheda Style nel pannello di formattazione.
  3. Apri il menu a discesa Waypoints.
  4. Scegli Auto-route around shapes.

Il percorso risultante presenta svolte ad angolo retto. La guida all’aggiornamento dei connettori ufficiale documenta questi passaggi e spiega che i percorsi si aggiornano quando le forme collegate vengono spostate, ridimensionate o ruotate, quando vengono allineate o distribuite e quando una forma viene spostata sul percorso o rimossa da esso.

Nell’esempio, sposta Node C attraverso lo spazio tra Node A e Node B. Esamina il percorso mentre trascini la forma e dopo averla rilasciata. In questo modo puoi verificare con precisione se il connettore evita l’ostacolo e continua a raggiungere i due nodi previsti. Fallo prima di modificare il secondo connettore, così ogni intervento ha un obiettivo chiaro.

Evita di trascinare il connettore quando vuoi mantenerne il comportamento automatico. La modifica manuale del percorso disattiva l’instradamento automatico per quel connettore. Anche questo comportamento è descritto nello stesso annuncio. Se in seguito vuoi riattivare l’evitamento automatico delle forme, seleziona di nuovo l’opzione di instradamento automatico.

C’è un’eccezione documentata: l’instradamento automatico non ha effetto sui connettori all’interno di contenitori che dispongono automaticamente i propri contenuti, come le forme di elenco o di layout. Verifica questa condizione prima di continuare a modificare le impostazioni di un connettore che sembra non rispondere. Consulta Instradare automaticamente i connettori intorno alle forme.

Ridisegna il percorso una volta mantenendo ferme le forme

Se le posizioni dei nodi in un diagramma sono ormai definitive, potrebbe essere più utile eseguire un singolo passaggio di instradamento anziché aggiornare continuamente i percorsi.

  1. Seleziona i connettori da correggere. Se non selezioni nulla, l’operazione instrada tutti i connettori.
  2. Scegli Arrange > Layout > Orthogonal Routing.
  3. Inserisci la Spacing desiderata tra i connettori e le forme.
  4. Fai clic su OK.

Questa operazione lascia ferme le forme e crea connettori ortogonali con waypoint. In seguito, però, questi connettori non vengono instradati di nuovo automaticamente. La procedura e il suo ambito sono descritti in Applica il layout Orthogonal Routing per ridisegnare il percorso una volta.

Considera il valore di spaziatura come una scelta di layout. Nell’esempio sintetico, controlla la distanza da Node C, poi esamina il connettore vicino e le etichette. Una distanza maggiore può rendere più chiara la singola area, ma allungare il percorso complessivo. Scegli in base al diagramma risultante, senza presumere che un unico valore di spaziatura vada bene per ogni disposizione.

Instrada un connettore intorno a un altro con waypoint manuali

Quando il primo connettore deve seguire un corridoio specifico intorno al secondo, intervieni direttamente sul suo percorso:

  1. Seleziona il connettore da modificare.
  2. Trascina una maniglia blu o una sezione del connettore verso il corridoio desiderato.
  3. In alternativa, fai clic con il tasto destro tra waypoint esistenti e scegli Add Waypoint.
  4. Per un posizionamento preciso, apri Arrange, espandi Waypoints e modifica le coordinate Left e Top di ciascun waypoint.

Aggiungere waypoint manuali disattiva l’instradamento automatico. Questi controlli sono descritti in Modificare il percorso dei connettori con i waypoint.

Immagina un corridoio vuoto sotto Node C per Node A e Node B. Guida il connettore verso il basso fino al corridoio, fallo passare lungo di esso e poi riportalo verso Node B. Dopo, controlla l’intero percorso. Spostare un segmento lontano dal connettore verticale può creare un nuovo incrocio altrove: una deviazione locale richiede di verificare il percorso completo.

Se le posizioni dei nodi non lasciano un corridoio utile, valuta di spostare un nodo per crearlo. I waypoint consentono di specificare un percorso, ma il diagramma deve comunque avere abbastanza spazio vuoto perché resti leggibile.

Per eliminare una vecchia deviazione, fai clic con il tasto destro sul connettore e scegli Clear Waypoints. Il connettore tornerà al percorso più breve tra le forme, ma ciò non garantisce che eviti gli ostacoli. Le etichette restano dove sono, quindi controllale dopo il ripristino. Consulta la stessa documentazione sui waypoint.

Mostra gli incroci inevitabili con i salti di linea

Se i connettori orizzontale e verticale possono incrociarsi, selezionane uno e usa Line jumps nella scheda Style. Le opzioni di visualizzazione includono arc, gap e sharp, oltre alla visualizzazione predefinita overlapped. Queste opzioni sono descritte in Dai uno stile ai connettori.

Un salto di linea modifica la visualizzazione di un incrocio; non crea un corridoio separato. Usalo quando l’incrocio è accettabile. Se due connettori condividono un tratto di linea, preferisci una deviazione manuale, così chi legge potrà seguire ciascun collegamento separatamente.

Mantieni utile il percorso corretto dopo la modifica successiva

Per i connettori instradati manualmente, decidi se le curve devono restare vicine al diagramma circostante o spostarsi insieme ai nodi collegati. Per spostare i waypoint insieme ai punti finali, seleziona il connettore e attiva Follow Terminals in Style > Effects. I connettori ortogonali mantengono le svolte ad angolo retto. Questo comportamento è descritto nella guida all’aggiornamento dei connettori.

Esamina anche i punti finali prima di aggiungere altre curve. I connettori flottanti possono spostarsi lungo il perimetro di una forma; quelli fissi restano collegati a punti specifici. Questa distinzione può spiegare un avvicinamento poco agevole a un nodo. La guida ufficiale ai connettori descrive entrambi i tipi di collegamento.

Infine, segui ogni connettore dalla sorgente alla destinazione. Controlla separatamente la distanza dagli ostacoli, gli incroci, i tratti condivisi e la posizione delle etichette. Nell’esempio sintetico, il risultato è soddisfacente se il collegamento tra Node A e Node B resta facile da seguire intorno a Node C e se il suo rapporto con il collegamento tra Node D e Node E è chiaro. Scegli l’instradamento automatico, un corridoio manuale o un incrocio visibile in base al risultato specifico.

Fonti