Disegnare forme e tracciati
In Microsoft Expression Blend sono disponibili funzionalità standard per il disegno vettoriale che consentono di disegnare forme, tracciati e maschere come in qualsiasi programma di grafica vettoriale. Per disegni e oggetti grafici più avanzati, è possibile utilizzare un programma di grafica vettoriale alternativo, quale Microsoft Expression Design. Expression Design consente inoltre agli utenti di esportare i disegni in formato XAML per l'utilizzo in Expression Blend.
Per ulteriori informazioni, vedere Importare file XAML esportati da Expression Design.
Che cos'è la grafica vettoriale?
La grafica vettoriale è definita geometricamente da punti, linee, curve e superfici, anziché utilizzare pixel come avviene in una bitmap. Poiché i monitor dei computer offrono risoluzioni sempre più elevate, si avverte l'esigenza di discostarsi dalle immagini bitmap, che visualizzano pixel grandi quando la risoluzione è elevata. Il ridimensionamento delle immagini bitmap può essere difficile da gestire e in genere produce grafica di bassa qualità. La grafica vettoriale garantisce una maggiore uniformità quando la risoluzione è elevata e conserva la nitidezza quando l'immagine viene ingrandita. Per questo motivo la grafica vettoriale è più semplice da personalizzare in base al contenuto, poiché non è necessario creare più immagini con dimensioni diverse, come nel caso dei file di icona che vengono visualizzati nell'interfaccia utente con varie dimensioni. Altri vantaggi della grafica vettoriale comprendono i seguenti:
Reale modifica della scala in base al contenuto La grafica vettoriale incorporata nel layout flessibile può essere ridimensionata in modo ottimale in base al contenuto. Quando ad esempio si aggiunge un testo a un pulsante, quest'ultimo viene ridimensionato di conseguenza senza compromettere la fedeltà della grafica.
Indipendenza dalla risoluzione La risoluzione degli schermi è progressivamente aumentata e probabilmente continuerà a crescere. Se non è possibile modificare la scala dell'interfaccia utente di un'applicazione, a mano a mano che la risoluzione aumenta l'interfaccia utente appare sempre più piccola, fino a diventare inutilizzabile quando il contenuto è talmente piccolo da risultare illeggibile. L'applicazione di una trasformazione della scala o della rotazione per queste API ha effetto esclusivamente sui disegni. Le dimensioni e le posizioni dei controlli nella finestra non subiscono alcuna modifica. È possibile modificare la scala dei disegni, ma non cambiare facilmente il modo in cui lo spazio di una finestra viene ripartito tra i controlli. Poiché Windows Presentation Foundation (WPF) gestisce tutti i controlli nella finestra come un singolo disegno, anziché riservare un'area separata a ogni singolo controllo, risulta facile applicare trasformazioni della scala o della rotazione all'intera interfaccia utente. Essendo quindi possibile ingrandire o ridurre qualsiasi interfaccia utente WPF, le applicazioni WPF sono indipendenti dalla risoluzione. Le immagini rimangono nitide e chiare e non si presenta il problema della sfocatura tipico della modifica della scala delle bitmap semplici.
[!NOTA]
Durante l'impostazione delle proprietà correlate alle dimensioni nelle applicazioni WPF, ad esempio quelle create con Expression Blend, il termine pixel si riferisce a Device Independent Pixel o a unità indipendenti dalla periferica, che sono equivalenti alla dimensione di un pixel su un monitor con una risoluzione di 96 dpi. Ogni unità corrisponde approssimativamente a 1/96 di pollice, indipendentemente dalle dimensioni del monitor o dalla risoluzione dello schermo.
In Expression Blend un oggetto vettoriale può essere semplice come una linea o una forma oppure complesso come un tracciato o un controllo. È possibile apportare vari tipi di modifiche agli oggetti utilizzando gli appositi punti di controllo per il ridimensionamento, lo spostamento, la rotazione, il capovolgimento o l'inclinazione oppure il pannello Proprietà, in cui è possibile immettere valori precisi per la dimensione, la posizione e la rotazione. Ogni oggetto disegnato sulla tavola da disegno è in formato vettoriale, fatta eccezione per gli elementi aggiunti al progetto che non utilizzano inizialmente tale formato, ad esempio le immagini e le trame 3D. Di seguito sono elencati alcuni oggetti vettoriali disponibili in Expression Blend:
Disegnare oggetti, ad esempio un'ellisse e un rettangolo
Oggetti tracciato, ad esempio le linee e le curve
Testo
Oggetti 3D
Controlli
Strumenti di disegno
Nel pannello Strumenti sono disponibili alcuni strumenti vettoriali comuni che consentono di creare elementi forma e tracciato, nonché modificare oggetti:
Per esempi relativi all'utilizzo di questi strumenti, vedere i seguenti argomenti:
| Strumento | Nome | Utilizzo |
|---|---|---|
.png "Cc295296.81ffc148-cf5c-4faf-bd3f-f38d3073a12c(it-it,Expression.40).png") |
Rettangolo |
Consente di disegnare rettangoli e quadrati, che è anche possibile modificare in modo da arrotondare gli angoli. |
.png "Cc295296.8938cfdf-9b75-4a33-bc88-b0636e114a0d(it-it,Expression.40).png") |
Ellisse |
Consente di disegnare ellissi e cerchi. |
.png "Cc295296.eb618397-5283-48be-8396-3449be7b6fbf(it-it,Expression.40).png") |
Linea |
Consente di disegnare una linea retta tra due punti. |
.png "Cc295296.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(it-it,Expression.40).png") |
Penna |
Consente di disegnare e modificare tracciati in cui è possibile definire ogni nodo. Lo strumento Penna può essere utilizzato per aggiungere, rimuovere e modificare nodi nel tracciato. |
.png "Cc295296.509dc167-734f-46c9-b012-987ee63450cd(it-it,Expression.40).png") |
Matita |
Consente di disegnare tracciati a mano libera. |
.png "Cc295296.2ff91340-477e-4efa-a0f7-af20851e4daa(it-it,Expression.40).png") |
Selezione |
Consente di selezionare sulla tavola da disegno forme, tracciati e oggetti da modificare. Per ulteriori informazioni su come utilizzare lo strumento Selezione, vedere Selezionare oggetti o annullare la selezione di oggetti. |
.png "Cc295296.6dd6571f-c116-451d-8dd2-1f88b8406362(it-it,Expression.40).png") |
Selezione diretta |
Consente di selezionare singoli nodi di un tracciato dopo che sono stati disegnati. È possibile inoltre utilizzare lo strumento Selezione diretta per selezionare direttamente oggetti figlio nidificati all'interno di un oggetto padre sulla tavola da disegno, ad esempio un pannello di layout. Per ulteriori informazioni su come utilizzare lo strumento Selezione diretta, vedere Selezionare oggetti o annullare la selezione di oggetti. |
Forme e tracciati
Sono oggetti vettoriali forme, quali rettangoli ed ellissi. Per disegnare le forme, è possibile utilizzare gli strumenti Rettangolo o Ellisse.
Anche i tracciati sono oggetti vettoriali, ovvero gli oggetti vettoriali più flessibili in Expression Blend, e sono costituiti da una serie di linee e curve connesse. Dopo aver disegnato i tracciati sulla tavola da disegno, è possibile modificarne la forma, combinarli e apportare altre modifiche per creare qualsiasi forma vettoriale. È possibile disegnare poligoni, ovvero forme chiuse costituite da linee rette connesse, oltre a polilinee, ovvero tracciati non chiusi costituiti da linee rette connesse. Per disegnare i tracciati, è possibile utilizzare gli strumenti Penna, Matita e Linea. Per modificare i tracciati disegnati, è quindi possibile utilizzare gli strumenti Selezione e Selezione diretta.
Per ulteriori informazioni sulla modifica dei tracciati, vedere i seguenti argomenti:
Convertire forme in tracciati
Gli oggetti forma non possono essere modificati come i tracciati, a meno che non si converta un oggetto forma in un oggetto tracciato utilizzando il comando Converti in tracciato. Per accedere a tale comando, scegliere Tracciato dal menu Oggetto , quindi Converti in tracciato.
Per un esempio, vedere Convertire una forma in un tracciato.
[!NOTA]
Dopo la conversione della forma in tracciato non è più possibile modificare le proprietà specifiche della forma, ad esempio il raggio angolo di un rettangolo. Se inoltre era stato applicato uno stile alla forma prima della conversione, per le proprietà del tracciato risultante dalla conversione verranno ripristinati i valori predefiniti per i tracciati (nessun riempimento e tratto nero).
Modificare il raggio angolo
È possibile modificare il raggio angolo di un rettangolo selezionando il rettangolo e trascinando gli appositi punti di controllo visualizzati nell'angolo superiore sinistro del rettangolo. Il punto di controllo di raggio angolo viene visualizzato quando si sposta il puntatore su un'estremità delle linee tratteggiate che si estendono dall'angolo superiore sinistro del rettangolo.
.png "Cc295296.b120ec92-5a55-4f25-89a4-da4f63572e47(it-it,Expression.40).png")
Tenendo premuto MAIUSC quando si trascina un punto di controllo di raggio angolo, è possibile modificare singolarmente i raggi angolo X e Y.
Per un esempio, vedere Arrotondare gli angoli di un rettangolo.
Combinare tracciati
La combinazione di tracciati o forme può produrre i risultati seguenti:
.png "Cc295296.2df17a5d-a338-4ef4-96c5-dae51cc1ca8a(it-it,Expression.40).png")
|
Due forme prima della combinazione |
|
Interseca |
|
Unire oggetti |
|
Escludi sovrapposizione |
|
Divisione |
|
Sottrai |
.png "Cc295296.25182a96-9a69-478a-9cfe-5b360e6a9bea(it-it,Expression.40).png")
.png "Cc295296.eb6fad93-f17e-4f62-a926-8c8651862891(it-it,Expression.40).png")
.png "Cc295296.05fe4b1d-f584-4bd2-99b6-8bc2d735a89d(it-it,Expression.40).png")
.png "Cc295296.a5d608f2-bba2-48c5-8b15-2c115db86acc(it-it,Expression.40).png")
.png "Cc295296.f0c1ff71-7814-42ba-806b-7ea92d616e69(it-it,Expression.40).png")
.png "Cc295296.15de085f-48f5-41dd-a286-e3dcb4cfd18b(it-it,Expression.40).png")
È possibile combinare due o più oggetti (tracciati o forme) in un unico oggetto tracciato. L'oggetto tracciato risultante sostituisce l'ultimo oggetto selezionato prima della combinazione, adottandone le proprietà. Il risultato è spesso un tracciato composto.
Per un esempio, vedere Combinare forme o tracciati.
Per ulteriori informazioni sulla modifica dei tracciati, vedere Tasti di modifica strumento Selezione diretta e Tasti di modifica strumento Penna.
[!NOTA]
Dopo la combinazione della forma con un altro oggetto non è più possibile modificare le proprietà specifiche delle singole forme, ad esempio il raggio angolo di un rettangolo. Se inoltre era stato applicato uno stile all'ultimo oggetto selezionato prima della conversione, per le proprietà del tracciato risultante dalla combinazione verranno ripristinati i valori predefiniti per i tracciati (nessun riempimento e tratto nero).
Tracciati composti
Quando si crea un tracciato composto, tutte le parti intersecanti dei tracciati vengono sottratte dal risultato e il tracciato risultante assume le proprietà visive del tracciato di livello inferiore.
Due tracciati convertiti in un tracciato composto
.png "Cc295296.2157a8aa-d9a7-4de4-8de5-b10d28f08a84(it-it,Expression.40).png")
Prima di includere le forme in un tracciato composto è necessario convertirle in tracciati. A tale scopo, scegliere Tracciato dal menu Oggetto e quindi fare clic su Converti in tracciato. È possibile creare un singolo tracciato composto da due o più tracciati. Il tracciato risultante sostituirà il tracciato più in basso (nello Z order) selezionato prima della composizione, adottandone le proprietà. Dopo la creazione, è possibile separare un tracciato composto in qualsiasi momento. Le proprietà originali non verranno tuttavia ripristinate.
Per un esempio, vedere Creare o separare un tracciato composto.
Tracciati di ritaglio
Un tracciato di ritaglio è un tracciato o una forma applicata a un altro oggetto per nascondere le parti dell'oggetto mascherato esterne al tracciato di ritaglio.
Oggetto Image con un tracciato di ritaglio applicato
.png "Cc295296.22471e98-a841-4f39-a3ef-36090cf5a625(it-it,Expression.40).png")
In Expression Blend è possibile modificare i tracciati di ritaglio nella tavola da disegno dopo averli creati, nonché rilasciare un tracciato di ritaglio senza perdere l'oggetto tracciato originale. Per un esempio, vedere Applicare, modificare o rimuovere un tracciato di ritaglio.
È inoltre possibile animare i singoli vertici dei tracciati di ritaglio, ad esempio per esporre gradualmente l'oggetto mascherato. Per un esempio, vedere Applicare animazioni ai punti di un tracciato o un tracciato di ritaglio.
Maschere di opacità
Una maschera di opacità può essere un tracciato o una forma applicata a un altro oggetto. Le parti trasparenti del tracciato rappresentano le aree in cui l'oggetto mascherato presenta una dissolvenza, mentre le parti opache della maschera indicano le posizioni in cui l'oggetto mascherato può essere visualizzato. È possibile definire una maschera di opacità per qualsiasi oggetto utilizzando la sezione Aspetto del pannello Proprietà.
Una maschera di opacità può anche essere un semplice pennello sfumatura che mostra o nasconde le parti di un oggetto in base alla trasparenza. Nell'esempio seguente all'immagine a sinistra non è applicata nessuna maschera di opacità, mentre l'immagine a destra può essere prodotta utilizzando uno dei due modi seguenti:
La proprietà OpacityMask dell'oggetto Image può essere impostata su un pennello con sfumatura radiale con il valore Alfa del cursore sfumatura destro impostato su 0.
È possibile creare un oggetto Rectangle davanti all'oggetto Image e impostare la proprietà OpacityMask di Rectangle su un pennello con sfumatura radiale con il valore Alfa del cursore sfumatura sinistro impostato su 0.
Immagine senza maschera (sinistra) e immagine con maschera di opacità applicata (destra)
.png "Cc295296.2bcb0f7e-9e47-4314-8f64-23fdc711510f(it-it,Expression.40).png")
Per un esempio, vedere Creare una maschera di opacità.
Copyright © 2011 Microsoft Corporation. Tutti i diritti riservati.