Pannello Inspector

Il Pannello Inspector è il tuo centro di controllo principale per visualizzare e modificare le proprietà degli oggetti. Appare sul lato destro della finestra ed è sensibile al contesto — le sezioni mostrate cambiano in base a ciò che hai selezionato sulla tela.

Mostra o nascondi l'Inspector utilizzando il pulsante Mostra/Nascondi Inspector nella barra degli strumenti.

Livelli

La sezione Livelli è sempre visibile indipendentemente dalla selezione. Mostra la gerarchia dei livelli per la pagina corrente del documento.

• Visibilità livello: Fai clic sull'icona dell'occhio per mostrare o nascondere un livello. I livelli nascosti non appaiono sulla tela né nelle esportazioni (a meno che non siano esplicitamente inclusi).
• Blocco: Fai clic sull'icona del lucchetto per impedire la modifica degli oggetti su quel livello. I livelli bloccati non possono essere selezionati o modificati.
• Rinomina: Fai doppio clic sul nome di un livello per modificarlo.
• Livello attivo: Il livello evidenziato è quello in cui vengono creati i nuovi oggetti. Fai clic su un livello per renderlo attivo.
• Riordina: Trascina i livelli verso l'alto o verso il basso per cambiarne l'ordine di sovrapposizione. Gli oggetti sui livelli superiori appaiono davanti agli oggetti sui livelli inferiori.
• Aggiungi / Rimuovi: Usa i pulsanti + e − in fondo all'elenco dei livelli per creare o eliminare livelli.

!TIP Usa più livelli per separare gli elementi di sfondo (griglie, guide) dal contenuto in primo piano (forme, connettori). Puoi quindi bloccare il livello di sfondo per evitare modifiche accidentali.

Testo

Appare quando è selezionato un simbolo, una forma o una tabella. Controlla il contenuto testuale visualizzato all'interno dell'oggetto.

Font

• Famiglia di font: Scegli da un menu a tendina di tutti i font di sistema installati. Digita per cercare per nome.
• Dimensione font: Inserisci una dimensione nel campo di testo o scegli dal menu a tendina dei preset (es. 9, 10, 11, 12, 14, 18, 24, 36, 48, 72).
• Grassetto (B): Attiva/disattiva lo stile grassetto.
• Corsivo (I): Attiva/disattiva lo stile corsivo.
• Sottolineato (U): Attiva/disattiva la decorazione sottolineata.

Colore e Allineamento

• Colore del testo: Fai clic sul selettore colore per aprire il color picker. Regola l'opacità separatamente.
• Allineamento: Scegli Sinistra, Centro o Destra per l'allineamento orizzontale usando i pulsanti segmentati.

Dimensionamento

• Dimensione automatica: Quando attivata, la forma si ridimensiona automaticamente per adattarsi al suo contenuto testuale.
• Larghezza fissa: Quando attivata, la forma mantiene una larghezza fissa e il testo va a capo al suo interno.

Padding

Controlla la spaziatura tra il testo e il bordo della forma.

• Modalità: Passa tra Relativo (percentuale della dimensione della forma) e Assoluto (valori fissi in pixel).
• Sinistra / Destra: Cursori di padding orizzontale con campi numerici.
• Alto / Basso: Cursori di padding verticale con campi numerici.
• Mostra padding: Attiva/disattiva la visualizzazione delle guide di padding sulla tela per la forma selezionata.

Geometria

Appare quando sono selezionati simboli, forme, tabelle, gruppi o immagini. Fornisce un controllo preciso su posizione e dimensioni.

• X: Posizione orizzontale dell'origine dell'oggetto sulla tela (in punti).
• Y: Posizione verticale dell'origine dell'oggetto sulla tela (in punti).
• W (Larghezza): La dimensione orizzontale dell'oggetto.
• H (Altezza): La dimensione verticale dell'oggetto.
• Rotazione: Angolo in gradi. Inserisci un valore o usa il campo per ruotare l'oggetto attorno al suo centro.
• Applica: Fai clic per confermare le modifiche apportate nei campi di testo.

!TIP Puoi anche spostare gli oggetti trascinandoli, ridimensionarli usando le maniglie e ruotarli trascinando la maniglia di rotazione sopra la selezione.

Colori Elemento

Appare quando sono selezionati simboli di notazione (dalla libreria forme). Non appare per tracciati vettoriali o immagini.

• Griglia schemi colore: Una griglia di campioni colore che mostra tutti gli schemi colore disponibili per la notazione selezionata. Fai clic su un campione per ricolorare istantaneamente il simbolo.
• Opacità: Un cursore (da 0% a 100%) che controlla la trasparenza complessiva del simbolo.

Gli schemi colore ti permettono di cambiare rapidamente l'aspetto visivo dei simboli di notazione senza regolare manualmente i singoli colori di riempimento e tratto. Ogni pacchetto di notazione definisce il proprio set di schemi colore.

Stile

Appare quando sono selezionati oggetti tracciato vettoriale (rettangoli, ellissi, disegni a mano libera, ecc.). Fornisce un controllo completo sulla pipeline di rendering visivo.

La sezione Stile usa un albero di componenti che mostra lo stack di rendering per l'oggetto selezionato. Ogni renderer può essere attivato o disattivato individualmente con una casella di controllo.

Tratto

Controlla il contorno della forma.

• Colore: Fai clic sul selettore colore per impostare il colore del tratto.
• Spessore: Regola lo spessore della linea. Cursore con segni di riferimento a 1, 2, 4, 8, 12, 16 e 20 punti.
• Pattern a trattini: Scegli uno stile di linea dal menu a tendina:
  • Solido, Punteggiato, Tratteggiato, Tratto-Punto, Tratto-Punto-Punto, Tratto Lungo, Tratto Corto
• Stile estremità: Come vengono disegnate le estremità della linea — Butt, Round o Square.
• Stile giunzione: Come vengono disegnati gli angoli — Miter (netto), Round o Bevel (piatto).
• Ombra: Attiva/disattiva un'ombra portata sul tratto.

Riempimento

Controlla l'interno della forma. Scegli un tipo di riempimento dalle schede:

• Solido: Un singolo colore uniforme. Fai clic sul selettore colore per scegliere.
• Gradiente lineare: Una transizione fluida tra due o più colori lungo una linea retta.
  • Trascina i punti colore sulla barra del gradiente per regolarne le posizioni.
  • Angolo: Imposta la direzione del gradiente usando la manopola, il campo numerico o lo stepper.
• Gradiente radiale: Una transizione circolare da un punto centrale verso l'esterno.
  • Stessi controlli dei punti colore del gradiente lineare.
• Pattern: Riempi con un'immagine o texture ripetuta.
  • Usa Incolla per incollare un'immagine dagli appunti, o Carica per scegliere un file.

Ombra (per il riempimento)

Quando l'ombra è attivata sul riempimento:

• Angolo: Direzione dell'ombra (controllo a manopola).
• Distanza: Quanto l'ombra è spostata rispetto all'oggetto (cursore).
• Sfocatura: Morbidezza dei bordi dell'ombra (cursore).
• Colore ombra: Fai clic sul selettore colore per impostare il colore e l'opacità dell'ombra.

Renderer Aggiuntivi

L'albero di rendering supporta tipi di renderer aggiuntivi che possono essere aggiunti tramite il pulsante +:

• Tratto con frecce: Un tratto con punte di freccia alle estremità.
• Tratto a mano libera: Un tratto in stile schizzo disegnato a mano.
• Tratto a zig-zag: Un tratto con pattern a zig-zag.
• Riempimento a zig-zag: Un riempimento con pattern a zig-zag.
• Riempimento a tratteggio: Un riempimento con pattern di linee diagonali.
• Decoratore di tracciato: Ripete un motivo lungo il tracciato.
• Ornamento testo: Aggiunge testo renderizzato lungo o all'interno della forma.
• Ornamento immagine: Aggiunge un'immagine all'interno della forma.
• Gruppi di renderer: Raggruppa più renderer insieme per effetti combinati, inclusi gruppi Blend & Mask e filtri Core Image.

Opacità

• Opacità: Un cursore (da 0% a 100%) che controlla la trasparenza complessiva dell'intero oggetto, applicata dopo tutti i renderer.

Contorno

Appare per simboli di notazione e immagini. Controlla il contorno disegnato attorno alla forma, indipendente dal riempimento della forma.

• Disegna solo contorno: Quando attivato, viene disegnato solo il contorno — il riempimento interno della forma e lo schema colore sono nascosti.
• Colore contorno: Fai clic sul selettore colore per impostare il colore del contorno.
• Tipo contorno: Scegli uno stile di linea — Solido, Punteggiato, Tratteggiato, Tratto-Punto, Tratto-Punto-Punto, Tratto Lungo, Tratto Corto.
• Spessore contorno: Regola lo spessore da 0,5 a 10 punti (cursore + campo numerico).
• Opacità contorno: Regola la trasparenza da 0% a 100% (cursore + campo numerico).
• Ombra: Attiva/disattiva un effetto ombra portata sul contorno.

!TIP Usa "Disegna solo contorno" per creare diagrammi in stile wireframe dove le forme mostrano solo i loro contorni senza riempimenti.

Geometria del Connettore

Appare quando sono selezionati uno o più connettori. Mostra le coordinate precise degli endpoint.

• X inizio / Y inizio: La posizione del punto iniziale del connettore.
• X fine / Y fine: La posizione del punto finale del connettore.
• Applica: Fai clic per confermare le modifiche alle coordinate.

Stile del Connettore

Appare quando sono selezionati connettori regolari (non connettori spessi/corpo). Fornisce un controllo completo sull'aspetto del connettore.

Punte di Freccia

• Punta di freccia iniziale: Fai clic per aprire il selettore punte di freccia per l'inizio del connettore.
• Punta di freccia finale: Fai clic per aprire il selettore punte di freccia per la fine del connettore.

Il selettore punte di freccia include Nessuna più oltre 20 tipi integrati:

Punte di freccia SVG aggiuntive dal pacchetto di notazione attivo potrebbero essere disponibili.

Colori

• Colore del tratto: Colore della linea del connettore. Fai clic sul pulsante schema colore per scegliere.
• Colore freccia iniziale: Colore della punta di freccia iniziale (indipendente dal tratto).
• Colore freccia finale: Colore della punta di freccia finale (indipendente dal tratto).
• Applica colore a entrambe le frecce e al tratto: Quando selezionato, la modifica di qualsiasi colore viene applicata a tutti e tre.

Stile della Linea

• Tipo di linea: Scegli tra Solido, Punteggiato, Tratteggiato, Tratto-Punto, Tratto-Punto-Punto, Tratto Lungo, Tratto Corto, Spesso.
• Spessore: Cursore per lo spessore della linea (da 0,5 a 20 punti).

Lunghezze delle Frecce

• Lunghezza freccia iniziale: Dimensione della punta di freccia iniziale (cursore 0–150px + campo numerico).
• Lunghezza freccia finale: Dimensione della punta di freccia finale (cursore 0–150px + campo numerico).
• Applica lunghezza a entrambe le frecce: Quando selezionato, entrambe le punte di freccia usano la stessa lunghezza.

Modalità di Instradamento

Scegli come viene calcolato il percorso del connettore:

• Rettilineo: Linea diretta tra gli endpoint.
• Polilinea: Percorso multi-segmento con punti di piegatura manuali.
• Ortogonale: Solo segmenti ad angolo retto (orizzontali e verticali).
• Curvo: Percorso Bezier curvo.
• Ortogonale intelligente: Instrada automaticamente attorno alle forme usando segmenti ortogonali.
• Polilinea intelligente: Instrada automaticamente attorno alle forme usando segmenti diagonali.

Valori predefiniti

Dal menu impostazioni:

• Salva come predefiniti: Memorizza lo stile corrente del connettore come predefinito per i nuovi connettori.
• Applica predefiniti: Applica lo stile predefinito salvato al connettore selezionato.
• Ripristina predefiniti: Ripristina lo stile predefinito di fabbrica del connettore.

Per un riferimento completo di tutti i tipi di punte di freccia, vedi il Riferimento punte di freccia.

Posizione Testo del Connettore

Appare quando sono selezionati connettori regolari. Controlla come le etichette di testo sono posizionate lungo il connettore.

• Modalità layout: Scegli come il testo si relaziona al percorso del connettore:
  • Lungo il percorso: Il testo segue la curva del connettore.
  • Orizzontale: Il testo resta orizzontale indipendentemente dall'angolo del connettore.
• Posizione: Cursore che controlla dove lungo il percorso appare il testo (da Inizio a Fine).
• Offset Y: Cursore che controlla la distanza verticale dalla linea del connettore (da Sotto a Sopra).

Impostazioni Tabella

Appare quando è selezionata una tabella. Accessibile tramite la Barra azioni tabella che appare quando fai doppio clic su una tabella.

Impostazioni Griglia

Controlla la struttura visiva della griglia della tabella.

• Mostra griglia: Attiva/disattiva la visibilità delle linee interne della griglia tra le celle.
• Mostra cornice: Attiva/disattiva la visibilità del bordo esterno della tabella.
• Spessore linea griglia: Regola lo spessore delle linee della griglia (cursore, da 0,5 a 5 punti).
• Raggio degli angoli: Arrotonda gli angoli della cornice della tabella (cursore, da 0 a 40 punti).
• Colore griglia: Scegli da una palette di colori (5 righe × 7 colonne di colori predefiniti).

Attributi Cella

Controlla il contenuto e l'aspetto delle singole celle o dell'intera tabella.

• Applica a tutte le celle della tabella: Quando selezionato, le modifiche vengono applicate a ogni cella della tabella invece che solo alla cella selezionata.

Font

• Famiglia di font: Scegli dai font installati tramite menu a tendina.
• Grassetto (B), Corsivo (I), Sottolineato (U): Attiva/disattiva le opzioni di stile.
• Dimensione font: Scegli dal menu a tendina.

Testo

• Allineamento testo: Sinistra, Centro o Destra (pulsanti segmentati).
• Colore testo: Fai clic sul color picker per scegliere.
• Angolo testo: Ruota il testo all'interno della cella usando la manopola dell'angolo o inserendo i gradi direttamente. Valori comuni:
  • 0° — Orizzontale (predefinito)
  • 90° — Verticale (dal basso verso l'alto)
  • 270° — Verticale (dall'alto verso il basso)

Spaziatura

• Padding alto / basso: Spaziatura verticale tra il testo e i bordi della cella (cursore, 0–50%).
• Padding sinistro / destro: Spaziatura orizzontale tra il testo e i bordi della cella (cursore, 0–50%).

Sfondo

• Colore di sfondo: Scegli da una palette di colori per impostare il colore di riempimento della cella.

Per saperne di più sulle tabelle, vedi Lavorare con le tabelle.

UML

Appare quando sono selezionati elementi UML nelle pagine di diagrammi UML Classi o UML Sequenza.

Inspector Classe

Appare quando è selezionata una classe UML.

• Nome classe: Il nome visualizzato nell'intestazione della classe.
• Stereotipo: Testo stereotipo opzionale (es. <<interface>>, <<abstract>>).
• Astratta: Attiva per contrassegnare la classe come astratta (il nome viene renderizzato in corsivo).
• Ridimensionamento vincolato: Quando attivato, il ridimensionamento mantiene le proporzioni interne.
• Attributi: Un editor di testo che elenca gli attributi della classe. Ogni riga segue la notazione UML: visibilità nome: tipo (es. - count: Int, + name: String) Usa il pulsante + per aggiungere nuovi attributi.
• Operazioni: Un editor di testo che elenca i metodi della classe. Ogni riga segue la notazione UML: visibilità nome(parametri): tipoRitorno (es. + toString(): String) Usa il pulsante + per aggiungere nuove operazioni.

Inspector Relazione

Appare quando è selezionata una relazione UML (connettore tra classi).

• Tipo di relazione: Scegli dal selettore:
  • Associazione, Associazione diretta, Composizione, Aggregazione, Dipendenza, Realizzazione, Ereditarietà, Uso
• Etichetta: Testo visualizzato sulla linea della relazione.
• Molteplicità sorgente: Cardinalità all'estremità sorgente (es. 1, 0..*, 1..n).
• Molteplicità destinazione: Cardinalità all'estremità destinazione.

Inspector Partecipante Sequenza

Appare quando è selezionato un partecipante del diagramma di sequenza.

• Nome: Il nome visualizzato del partecipante.
• Tipo di ruolo: Scegli la rappresentazione visiva del partecipante:
  • Partecipante: Box standard
  • Attore: Figura stilizzata
  • Confine: Notazione di confine (cerchio con linea verticale)
  • Controllo: Notazione di controllo (cerchio con freccia)
  • Entità: Notazione di entità (cerchio con sottolineatura)

Inspector Messaggio Sequenza

Appare quando è selezionato un messaggio del diagramma di sequenza (freccia).

• Tipo di messaggio: Scegli lo stile della freccia:
  • Sincrono: Linea continua con punta di freccia piena
  • Asincrono: Linea continua con punta di freccia aperta
  • Ritorno: Linea tratteggiata con punta di freccia aperta
  • Creazione: Linea tratteggiata verso un nuovo partecipante
  • Distruzione: Messaggio che termina con una X
  • Auto-chiamata: Messaggio che torna allo stesso partecipante
• Etichetta: Testo visualizzato sulla freccia del messaggio.

Inspector Frammento Sequenza

Appare quando è selezionato un frammento del diagramma di sequenza (box frammento combinato).

• Tipo di frammento: Scegli l'operatore di interazione:
  • opt (opzionale), alt (alternativa), loop, par (parallelo), seq (sequenziale), strict, neg (negativo), assert, break, ignore, consider
• Condizione di guardia: Il testo della condizione visualizzato tra parentesi (es. [x > 0]).

Per saperne di più sui diagrammi UML, vedi Diagrammi delle classi UML e Diagrammi di sequenza UML.

Layout

Sempre visibile (tranne in modalità diagramma ASCII). Fornisce strumenti per la disposizione automatica degli elementi sulla tela.

• Algoritmo di layout: Scegli una strategia di disposizione automatica per organizzare forme e connettori.
• Spaziatura: Controlla la distanza tra gli elementi durante l'esecuzione del layout automatico.

Per maggiori dettagli, vedi Layout automatico.

Connettori Intelligenti

Sempre visibile (tranne in modalità diagramma ASCII). Controlla il comportamento dell'instradamento dei connettori intelligenti.

• Distanza buffer forme: Distanza minima tra i percorsi dei connettori e i bordi delle forme.
• Penalità segmento: Influenza il modo in cui l'algoritmo di instradamento pesa i segmenti di percorso aggiuntivi.
• Penalità incrocio: Influenza il modo in cui l'algoritmo evita di incrociare altri connettori.
• Penalità direzione porta: Controlla quanto rigorosamente i connettori escono dalle forme ad angolo perpendicolare.

Queste impostazioni influenzano tutti i connettori con instradamento intelligente sulla pagina corrente. Per maggiori dettagli, vedi Connettori intelligenti.

Stile Tema

Appare quando il tema della tela è impostato su qualcosa di diverso da Clean (es. Sketch, Comic, Blueprint).

• Ruvidità: Controlla quanto è pronunciato l'effetto disegnato a mano (più alto = più abbozzato).
• Curvatura: Regola la curvatura dei segmenti di linea retta (più alto = più ondulato).
• Multi-tratto: Attiva/disattiva un secondo tratto sovrapposto per un aspetto disegnato a mano più marcato.
• Modalità riempimento: Scegli come vengono renderizzati gli interni delle forme:
  • Originale: Mantiene il colore di riempimento originale della forma.
  • Tratteggio: Linee diagonali parallele.
  • Tratteggio incrociato: Linee diagonali perpendicolari (pattern a griglia).
  • Punti: Riempimento a pattern di punti.
• Angolo tratteggio: Angolo delle linee di riempimento diagonali (in gradi).
• Distanza tratteggio: Spaziatura tra le linee di riempimento (0 = calcolata automaticamente dallo spessore del tratto).
• Moltiplicatore spessore tratto: Scala lo spessore del tratto rispetto al valore base.
• Preserva vertici: Quando attivato, mantiene i punti angolari netti senza tremolii.

Queste impostazioni sono sovrascritture a livello di documento che si applicano a tutti gli elementi sulla tela. Per maggiori dettagli, vedi Temi della tela.

Argomenti Correlati

• Panoramica stili — Concetti generali sugli stili
• Stili di riempimento — Opzioni di riempimento dettagliate
• Stili di tratto — Opzioni di tratto dettagliate
• Effetti — Ombre e altri effetti
• Schemi colore — Lavorare con gli schemi colore
• Connettori — Basi sui connettori
• Tabelle — Basi sulle tabelle
• Diagrammi delle classi UML — Notazione classi UML
• Diagrammi di sequenza UML — Notazione sequenza UML