Gli stili di tratto controllano l'aspetto del contorno di forme e linee. Regola spessore, colore, pattern a trattini e terminazioni di linea per creare diagrammi chiari e professionali.

Proprietà di Base del Tratto

Colore del tratto

Il colore del contorno della forma.

Per cambiare il colore del tratto:

1. Seleziona una forma
2. Apri il pannello Inspector
3. Trova la sezione Stroke
4. Fai clic sul selettore colore del tratto
5. Scegli un colore dal selettore

Come i riempimenti, i tratti possono usare colori solidi o essere collegati a schemi colore.

Spessore del tratto

Controlla lo spessore del contorno.

Per regolare lo spessore del tratto:

1. Nella sezione Stroke dell'Inspector
2. Usa il cursore Width o il campo di input
3. L'intervallo va tipicamente da 0 (nessun tratto) a oltre 20 pixel
4. Valori comuni:
   • 1-2px: Contorni sottili, diagrammi dettagliati
   • 3-4px: Contorni standard, la maggior parte dei diagrammi
   • 5-8px: Contorni grassetto, enfasi
   • 10+px: Molto grassetto, uso decorativo o per presentazioni

Nessun tratto

Rimuovi completamente il tratto:

1. Nella sezione Stroke
2. Imposta lo spessore a 0 o fai clic su No Stroke
3. Il contorno della forma scompare

Utile per:

• Forme con riempimento senza bordi
• Disposizioni di forme senza soluzione di continuità
• Stili minimalisti per diagrammi

Pattern a Trattini

Crea linee tratteggiate o punteggiate invece di tratti continui.

Pattern predefiniti

Diagrammix3 include pattern a trattini comuni:

• Solid - Linea continua (predefinito)
• Dashed - Trattini regolari con spazi
• Dotted - Piccoli punti con spazi
• Dash-Dot - Trattini e punti alternati
• Long Dash - Trattini più lunghi, spazi più ampi

Per applicare un pattern a trattini:

1. Seleziona una forma o un connettore
2. Nella sezione Stroke dell'Inspector
3. Fai clic sul menu a tendina Dash Pattern
4. Scegli un pattern

Pattern a trattini personalizzati

Per un controllo avanzato, crea pattern a trattini personalizzati:

1. Seleziona Custom dal menu dei pattern a trattini
2. Inserisci le lunghezze di tratto e spazio (in pixel)
3. Formato del pattern: [tratto, spazio, tratto, spazio, ...]
4. Esempio: [10, 5, 2, 5] crea un pattern tratto lungo, spazio, punto, spazio

Casi d'uso per i pattern a trattini

• Linee tratteggiate: Indicano elementi opzionali o futuri, connessioni temporanee, confini
• Linee punteggiate: Mostrano relazioni nascoste o interne, guide, connessioni meno importanti
• Tratto-punto: Dipendenze UML, confini architettonici, flussi alternativi
• Linee continue: Connessioni e forme standard, primarie

Estremità della Linea

Controlla come vengono renderizzate le estremità della linea (principalmente per tracciati aperti e connettori).

Stili di estremità

Butt Cap

• La linea termina esattamente al punto finale
• Terminazione quadrata e brusca
• Predefinito per la maggior parte dei diagrammi

Round Cap

• La linea termina con un'estremità semicircolare
• Si estende leggermente oltre il punto finale
• Aspetto più morbido e amichevole

Square Cap

• La linea termina con un'estremità quadrata
• Si estende leggermente oltre il punto finale (metà dello spessore del tratto)
• Aspetto preciso, architettonico

Per cambiare le estremità della linea:

1. Seleziona un connettore o un tracciato aperto
2. Nella sezione Stroke
3. Fai clic sul menu a tendina Line Cap
4. Scegli: Butt, Round o Square

Giunzioni di Linea

Controlla come vengono renderizzati gli angoli dove due segmenti di tracciato si incontrano.

Stili di giunzione

Miter Join

• Crea angoli netti e appuntiti
• Predefinito per la maggior parte delle forme
• Ideale per: Rettangoli, poligoni, design angolari

Round Join

• Crea angoli arrotondati dove i segmenti si incontrano
• Aspetto più morbido
• Ideale per: Forme organiche, diagrammi amichevoli

Bevel Join

• Crea angoli appiattiti
• Taglia la punta acuta
• Ideale per: Diagrammi tecnici, quando miter sarebbe troppo acuto

Per cambiare le giunzioni di linea:

1. Seleziona una forma
2. Nella sezione Stroke
3. Fai clic sul menu a tendina Line Join
4. Scegli: Miter, Round o Bevel

Nota: La giunzione di linea è più visibile agli angoli acuti con tratti spessi.

Opacità del Tratto

Rendi i tratti semi-trasparenti:

1. Nella sezione Stroke
2. Regola il cursore Opacity (0-100%)
3. 0% = tratto invisibile
4. 100% = completamente opaco

L'opacità indipendente del tratto consente:

• Contorni sottili su riempimenti audaci
• Forme fantasma nello sfondo
• Diagrammi stratificati con elementi sovrapposti

Schemi Colore e Tratti

Collega i tratti agli schemi colore:

1. Nella sezione Stroke
2. Fai clic sul menu a tendina Scheme
3. Scegli un ruolo colore (Bordo, Accento, ecc.)
4. Il tratto si aggiorna quando lo schema colore cambia

Questo garantisce colori dei tratti coerenti nel tuo diagramma.

Combinare le Proprietà del Tratto

Combinazioni professionali

Diagramma tecnico:

• Spessore: 2px
• Colore: Grigio scuro o nero
• Pattern: Solido
• Estremità: Butt
• Giunzione: Miter

Diagramma per presentazione:

• Spessore: 4px
• Colore: Colore del marchio
• Pattern: Solido
• Estremità: Round
• Giunzione: Round

Wireframe/Schizzo:

• Spessore: 3px
• Colore: Grigio medio
• Pattern: Tratteggiato o punteggiato
• Estremità: Round
• Giunzione: Round

Elemento in evidenza:

• Spessore: 6-8px
• Colore: Accento luminoso
• Pattern: Solido
• Estremità: Round
• Giunzione: Round

Interazione tra Tratto e Riempimento

I tratti vengono renderizzati sopra i riempimenti, posizionandosi per metà all'interno e per metà all'esterno del confine della forma.

Implicazioni importanti:

• Tratti larghi oscurano il colore di riempimento vicino al bordo
• Riempimenti trasparenti con tratti creano forme solo con contorno
• Nessun tratto fa estendere il riempimento fino al confine reale
• Lo spessore del tratto influisce leggermente sulla dimensione complessiva della forma

Suggerimenti

1. Adatta lo spessore del tratto alla scala - Tratti più sottili per diagrammi dettagliati, più spessi per presentazioni
2. Usa spessori di tratto coerenti - Varia solo per enfasi, non a caso
3. Contrasto con il riempimento - Assicurati che il tratto sia visibile rispetto al colore di riempimento
4. Pattern a trattini per il significato - Usa in modo coerente (es. sempre tratteggiato per "stato futuro")
5. Estremità arrotondate per amichevolezza - Estremità nette per precisione tecnica
6. Testa alla dimensione finale - I tratti possono apparire diversi alla dimensione della presentazione rispetto alla modifica

Prestazioni del Tratto

• I tratti solidi vengono renderizzati più velocemente
• I pattern a trattini complessi sono leggermente più lenti
• Tratti molto larghi (15px+) possono influire sulle prestazioni nei diagrammi con oltre 100 forme
• Giunzioni/estremità hanno un impatto minimo sulle prestazioni

Accessibilità

Nella scelta degli stili di tratto:

1. Assicura il contrasto - Il tratto deve essere visibile sia contro il riempimento che contro lo sfondo
2. Non affidarti solo ai pattern a trattini - Combina con etichette di testo o altri indicatori
3. Spessore minimo 1px - Tratti più sottili potrebbero essere invisibili su alcuni display
4. Testa in scala di grigi - Assicurati che il contrasto del tratto funzioni senza colore

Argomenti Correlati

• Stili di riempimento - Aspetto interno della forma
• Pannello Inspector - Controllo dettagliato delle proprietà
• Schemi colore - Colorazione basata su temi
• Connettori - Impostazioni di tratto specifiche per i connettori
• Copia e applica stili - Trasferire lo stile tra le forme