Per mantenere collegati i connettori di draw.io su Mac, collega le estremità alle forme e controlla che il punto di attacco sia evidenziato prima di rilasciare. Usa connessioni fisse quando ciascuna estremità deve restare in un punto specifico; usa connessioni flottanti quando il punto di attacco può spostarsi lungo il perimetro della forma. Guida ufficiale ai connettori

Questa guida spiega come riorganizzare un semplice diagramma in draw.io su Mac: tre rettangoli etichettati Node A, Node B e Node C, collegati in sequenza. L’obiettivo è spostare i singoli nodi mantenendo i collegamenti e poi, se necessario, modificare i percorsi delle linee.

Scegliere se il connettore deve mantenere lo stesso punto di attacco

draw.io supporta due modalità di attacco. Una connessione fissa rimane in un punto specifico della forma quando la sposti. Una connessione flottante rimane collegata, ma può spostarsi lungo il perimetro quando cambia la posizione della forma o il percorso del connettore. Ogni estremità può usare una modalità diversa. Connessioni fisse e flottanti

Prima di modificare il diagramma, decidi cosa significa «restare collegato» nel tuo caso:

Risultato desiderato Tipo di attacco Cosa controllare dopo lo spostamento
La linea segue il nodo e può cambiare lato Flottante L’estremità tocca ancora il nodo previsto
La linea usa sempre un punto specifico, per esempio il punto medio del lato destro Fisso L’estremità resta in quel punto
Un nodo richiede un punto specifico, mentre l’altro può adattarsi Fisso a un’estremità, flottante all’altra Controlla separatamente le due estremità

Queste opzioni corrispondono alle modalità di attacco descritte nel confronto tra connettori di draw.io.

Un metodo utile per individuare il problema è distinguere tre situazioni: un’estremità resta indietro, un’estremità cambia lato oppure la linea forma una piega scomoda. La seconda può essere un normale comportamento flottante. La terza riguarda il percorso. Verifica prima l’attacco, così non perdi tempo a modificare una linea la cui estremità deve ancora essere ricollegata.

Creare connessioni fisse che seguono le forme

Per il diagramma d’esempio, disponi Node A, Node B e Node C su una riga orizzontale. Collega il punto sul lato destro di Node A al punto sul lato sinistro di Node B, poi ripeti l’operazione tra Node B e Node C. Si tratta di una disposizione illustrativa, non del resoconto di una prova dell’applicazione.

Rendere visibili i punti di connessione su Mac

Fai clic su un’area vuota in modo che non sia selezionato nulla. Nella scheda Diagram del pannello di formattazione, verifica che Connection Points sia attivato. In modalità Classic puoi anche usare View > Connection Points. La scorciatoia documentata per Mac è Option+Shift+O; attiva o disattiva la visibilità, quindi controlla il risultato invece di premerla ripetutamente. Passa il puntatore su una forma per cercare le piccole croci. Controlli di visibilità dei punti di connessione

Collegare i nodi usando i punti evidenziati

  1. Passa il puntatore su Node A e individua il punto di connessione sul bordo destro.
  2. Spostati su quel punto finché non viene evidenziato in verde, poi trascinalo verso Node B.
  3. Passa il puntatore sul punto di connessione sul lato sinistro di Node B.
  4. Rilascia quando il punto è evidenziato in verde.
  5. Ripeti dal punto sul lato destro di Node B a quello sul lato sinistro di Node C.

Questa procedura corrisponde a quella documentata per disegnare connettori fissi. L’estremità fissa del connettore selezionato è indicata da una croce verde. Disegnare connettori fissi

Ora seleziona Node B e trascinalo dal corpo della forma in una nuova posizione sotto la riga. Lascia Node A e Node C al loro posto. Secondo il comportamento documentato delle connessioni fisse, le estremità dei connettori restano nei punti di connessione scelti mentre la forma si sposta. Per eseguire questa verifica, seleziona e trascina la forma stessa, non la maniglia di un connettore. Spostare le forme e verificare le connessioni fisse

Esamina separatamente entrambi i connettori. Nell’esempio, uno dovrebbe continuare a collegare Node A a Node B e l’altro Node B a Node C. Questo spostamento di un singolo nodo è un test pratico utile: spostare insieme l’intera disposizione fornisce meno informazioni sul fatto che ogni estremità segua il proprio nodo.

Riparare un’estremità che sembra soltanto toccare una forma

Se durante la prova di spostamento un’estremità del connettore resta indietro, controllala per prima. Seleziona il connettore, trascina l’estremità sul punto di connessione della forma desiderata e rilasciala quando il punto si evidenzia in verde. Se necessario, ripeti l’operazione anche all’altra estremità. draw.io documenta il rilascio di un’estremità trascinata su un punto di connessione come metodo per collegare le forme. Collegare le estremità dei connettori ai punti di connessione

Per un attacco flottante, trascina l’estremità sulla forma di destinazione e rilasciala quando il contorno della forma diventa blu. L’estremità flottante è mostrata come un cerchio blu. Considera questo riscontro visivo, invece di basarti soltanto sull’impressione che la linea tocchi il bordo. Indicatori delle connessioni flottanti

Dopo aver ricollegato il connettore, sposta di nuovo solo il nodo di destinazione. Se l’estremità lo segue ma cambia lato, valuta se questa flessibilità è adatta al diagramma. Se l’estremità deve rimanere sul bordo sinistro o destro, collegala al corrispondente punto fisso.

Usare punti di connessione personalizzati quando quelli predefiniti non sono adatti

Se una forma non dispone di un punto comodo, apri il menu contestuale e scegli Edit Connection Points. La scorciatoia documentata per Mac è Option+Shift+K. Nell’editor visivo, fai doppio clic nel punto in cui vuoi aggiungere un punto; se l’aggancio alla griglia è attivato, ne influenzerà la posizione. Poi usa quel punto per il connettore. È possibile anche scegliere il comando diretto Add Connection Point, ma la documentazione specifica che non è disponibile per le forme ruotate o capovolte. Modificare i punti di connessione di una forma

Per questa operazione, usa i punti visibili senza tenere premuti tasti modificatori durante il collegamento. La pagina ufficiale sui punti di connessione e quella sulle scorciatoie con i tasti modificatori forniscono indicazioni discordanti sull’uso di Alt e Shift quando si rilasciano le estremità. Su Mac, il riferimento alle scorciatoie associa Alt a Option. La procedura con i punti visibili evita di affidarsi a queste indicazioni contrastanti. Istruzioni sui punti di connessione, riferimento ai tasti modificatori

Correggere le pieghe dopo aver verificato che le estremità siano collegate

Un attacco fisso determina il punto in cui il connettore incontra la forma; il percorso intermedio del connettore si controlla separatamente tramite punti di passaggio e instradamento. Quando selezioni un connettore, vengono visualizzate le maniglie dei punti di passaggio; spostandole, cambia il percorso. Durante queste modifiche, un’estremità fissa resta nel punto di connessione, mentre un’estremità flottante può spostarsi lungo il perimetro. Percorsi dei connettori e punti di passaggio

Se una deviazione precedente non è più utile, seleziona solo il connettore interessato. Nel pannello di formattazione, apri Arrange, scegli Reset, poi Waypoints. Il connettore tornerà a un percorso più diretto. Il ripristino dei punti di passaggio lascia le etichette dei connettori al loro posto, quindi controlla le etichette dopo l’operazione. Se serve, usa Reset > Label Positions; le etichette bloccate mantengono la propria posizione. Ripristinare punti di passaggio ed etichette

Se vuoi dare al percorso una forma precisa, seleziona il connettore e attiva Follow Terminals nella sezione Effects della scheda Style. draw.io documenta questa opzione per spostare i punti di passaggio impostati manualmente quando si sposta una forma collegata. Controlla il percorso risultante dopo aver riposizionato la forma: mantenere collegati gli estremi e preservare un percorso utile sono due requisiti distinti. Spostare i punti di passaggio insieme alle forme collegate

Se vuoi che i percorsi si adattino alle altre forme, seleziona il connettore e scegli Style > Waypoints > Auto-route around shapes. Secondo la documentazione, il percorso si aggiorna quando le forme collegate si spostano o si ridimensionano. Trascinare manualmente il connettore per aggiungere punti di passaggio disattiva l’instradamento automatico. L’instradamento automatico non ha effetto nemmeno nei contenitori che dispongono automaticamente il contenuto. Instradamento automatico e relativi limiti

Evitare impostazioni che risolvono un problema diverso

Snap to Point fa sì che un connettore usi il punto di connessione definito più vicino mentre le forme o i connettori si spostano. Poiché il punto più vicino può cambiare, questa funzione è utile se vuoi poter scegliere i punti di ancoraggio ma consentire all’estremità di passare dall’uno all’altro. Per un’estremità che deve restare in un punto preciso, usa una connessione fissa. Come funziona l’aggancio ai punti di ancoraggio

Allo stesso modo, il comando documentato Arrange > Layout > Orthogonal Routing ridisegna i percorsi dei connettori una sola volta; non attiva l’instradamento automatico continuo. Usalo per una sistemazione una tantum e scegli Auto-route around shapes se vuoi che gli spostamenti successivi generino nuovi percorsi. Instradamento una tantum e automatico

Per concludere, sposta solo Node B e controlla tutte e quattro le estremità dei connettori, poi esamina le pieghe e le etichette. Così saprai quando il diagramma è pronto: i nodi previsti restano collegati, le estremità fisse mantengono i punti scelti e i percorsi sono leggibili nella nuova disposizione.

Fonti