Novità

Con Microsoft Expression Blend, è possibile creare siti Web e applicazioni basati su Microsoft Silverlight 3 e applicazioni desktop basate su Windows Presentation Foundation (WPF) 3.5 con Service Pack 1 (SP1).

Expression Blend fornisce un nuovo supporto per la creazione di prototipi, l'interattività attraverso i comportamenti, la funzionalità Silverlight speciale e la generazione di dati di esempio veloce e continua.

Con Expression Blend, i progettisti possono creare applicazioni che sono facili e divertenti da usare.

Creazione di prototipi

Presentazione di SketchFlow

Con SketchFlow, Expression Blend introduce una nuova serie di funzioni pensate per facilitare la sperimentazione di esperienze utente dinamiche e la creazione prototipi accattivanti.

SketchFlow consente di comunicare idee di progetto alle parti interessate e di facilitare la raccolta del feedback grazie all'utilizzo delle annotazioni. È possibile importare i file Microsoft Office PowerPoint nelle schermate del progetto. È inoltre possibile esportare i documenti Microsoft Office Word che contengono screenshot di tutte le schermate. Nuove categorie nel pannello Asset organizzano gli stili e gli altri asset SketchFlow.

I progettisti possono utilizzare SketchFlow per modellare la navigazione e la composizione di un'applicazione in modo molto visivo. I prototipi SketchFlow possono essere semplici come una serie di schizzi, ma possono diventare reali a seconda della necessità di comunicare il proprio intento. SketchFlow utilizza le funzioni esistenti di Expression Blend. Altre nuove funzioni di Expression Blend, come l'importazione, gli stati di visualizzazione, i comportamenti e i dati di esempio di Photoshop, possono essere utilizzate anche nei progetti di creazione di prototipi.

Per ulteriori informazioni, vedere Creazione di prototipi con SketchFlow.

Progettazione

Importazione di file Photoshop e Illustrator

È possibile utilizzare Expression Blend per importare sia i file Adobe Photoshop (.psd) che Adobe Illustrator (.ai) direttamente nei progetti, mantenendo i livelli, le forme e gli elementi di testo e per una modifica più facile all'interno di Expression Blend stesso.

Per ulteriori informazioni, vedere Importare file Photoshop e Illustrator.

[!NOTA]

Gli effetti dinamici, i metodi di fusione e il simbolo dello spray di Adobe non sono supportati. Quando si importa un file Adobe, Expression Blend visualizzerà un messaggio per informare se le funzioni del file importato sono supportate e le azioni da intraprendere.

Effetti

Expression Blend introduce il supporto per gli effetti grafici WPF e Silverlight. Aprire il pannello Asset, fare clic sulla scheda Effetti e trascinare un effetto su un oggetto. È possibile modificare le proprietà dell'effetto nel pannello Proprietà.

Per ulteriori informazioni, vedere Applicazione di effetti.

Annotazioni in fase di progettazione

I progettisti adesso possono aggiungere annotazioni in stile fumetto (molto simili ai commenti di Microsoft Visio) alla tavola da disegno. Queste annotazioni possono essere archiviate nel file XAML sotto forma di proprietà associate. Possono essere utilizzate per migliorare la comunicazione tra i membri del team. Le annotazioni non sono visualizzate in fase di esecuzione.

Per ulteriori informazioni, vedere Inserire annotazioni in un documento.

Pannello Asset

La Libreria è stata progettata e realizzata in un pannello ancorabile che può rimanere aperto mentre si lavora sulla tavola da disegno. Gli asset sono suddivisi in categorie per facilitare la ricerca e organizzazione.

Per ulteriori informazioni, vedere Pannello Asset.

Controlli di stile

Creazione di modelli da oggetto grafico

È possibile utilizzare il comando Crea controllo modificato per selezionare l'oggetto grafico sul tavolo da disegno e convertirlo in un'interfaccia (modello del controllo) per un controllo.

Per ulteriori informazioni, vedere Creare un controllo utente da oggetti esistenti.

Se si lavora in un progetto Silverlight, è possibile fare clic con il pulsante destro del mouse sugli oggetti nel modello e quindi selezionare Crea parte per assegnare gli oggetti nel controllo a ruoli specifici. Ad esempio, se un oggetto grafico viene convertito in un modello di controllo Slider, è possibile selezionare uno degli oggetti nel modello e assegnarlo al ruolo HorizontalThumb del dispositivo di scorrimento. Il pannello Parti facilita la gestione e la creazione delle parti richieste da un modello di controllo.

Per ulteriori informazioni, vedere Applicazione di stili alle parti di un modello controllo di Silverlight e Suggerimenti di stile per controlli di Silverlight comuni.

Creazione di modelli TextBox da oggetto grafico

Se si utilizza il comando Crea controllo e si sceglie un controllo TextBox o qualsiasi altro derivato da un controllo ContentControl, Expression Blend copierà le proprietà tipografiche di qualsiasi oggetto TextBlock che trova (negli oggetti che verranno convertiti) nella parte appropriata nel modello di controllo risultante.

Stati

Supporto migliorato per VSM

Il supporto per Silverlight Visual State Manager (VSM) in Expression Blend è stato migliorato con un'interfaccia utente aggiornata per il pannello Stati. È possibile visualizzare altri stati per i controlli, indipendentemente se tali stati originariamente erano stati definiti nel file XAML e il pannello Stati visualizza un indicatore di avviso quando una proprietà è stata modificata in più di un gruppo di stato. Gli stati adesso sono supportati in altri scenari. Ad esempio, è possibile definire gli stati nel documento MainWindow.xaml di un progetto Windows Presentation Foundation (WPF).

Per ulteriori informazioni, vedere Definire stati di visualizzazione diversi per un controllo.

Blocco stato

È possibile bloccare un'anteprima di uno StateGroup durante la modifica di un altro stato in un diverso StateGroup.

Modifica delle transizioni di stato

È possibile selezionare lo storyboard per una transizione di stato e modificarlo nel pannello Oggetti e sequenza temporale.

Disegno nello stato

Quando si seleziona uno stato e si disegna un nuovo elemento, questo sarà visibile esclusivamente nello stato selezionato in fase di esecuzione. Questo è definito disegno nello stato.

Transizioni di layout semplificate

È possibile creare una transizione graduale tra gli stati che definiscono le modifiche nelle proprietà di layout. Nelle versioni precedenti di Expression Blend, se si modificavano proprietà come Row, Column, ColumnSpan o RowSpan di un oggetto in stati diversi, la modifica avveniva istantaneamente, anche se la durata della transizione era stata specificata. Selezionando Attiva FluidLayout , è possibile spostare un oggetto in modo più semplice da una cella del pannello di layout Grid a un'altra.

Per ulteriori informazioni, vedere Transizione graduale tra le modifiche di layout.

Anteprima transizioni

È possibile visualizzare in anteprima le transizioni facendo clic su Attiva anteprima transizione  nel pannello Stati. Quando l'anteprima della transizione è attiva, ogni volta che si cambia la selezione da uno stato a un altro, la transizione attualmente definita tra i due stati verrà riprodotta sulla tavola da disegno come in fase di esecuzione.

[!NOTA]

L'anteprima transizione non supporta FluidLayout.

Interattività

Comportamenti

È possibile aggiungere l'interattività all'applicazione senza dover scrivere il codice, utilizzando i comportamenti. I comportamenti sono componenti riutilizzabili che possono essere direttamente applicati a un oggetto qualsiasi sulla tavola da disegno e sono composti da trigger estendibili, azioni estendibili e comportamenti.

I comportamenti possono essere selezionati dal pannello Asset, ma gli sviluppatori hanno un rich API che possono utilizzare per scrivere i propri trigger, le azioni e i comportamenti per l'utilizzo nei progetti Silverlight e WPF.

È possibile trovare ulteriori informazioni sulla scrittura dei comportamenti nella documentazione Expression Blend SDK disponibile nel menu ?.

Per ulteriori informazioni, vedere Aggiunta di comportamenti a oggetti.

Dati

Utilizzo dei dati di esempio

Expression Blend facilita la creazione di prototipi, la generazione e l'esecuzione di test di applicazioni connesse ai dati senza dover accedere ai dati dinamici. È possibile utilizzare il pannello Dati per generare dati di esempio o per importare i dati di esempio da un file XML. È possibile generare raccolte semplici o raccolte gerarchiche (per l'uso in un controllo TreeView) ed è possibile specificare il contenuto da generare per i quattro tipi di dati (Stringa, Numero, Booleano e Immagine).

I dati di esempio sono disponibili nei controlli sulla tavola da disegno in fase di progettazione. È possibile personalizzare approfonditamente i dettagli dei dati di esempio ed è possibile scambiarli facilmente utilizzando i dati di esempio e i dati attivi in fase di esecuzione.

Per ulteriori informazioni, vedere Creazione di dati di esempio.

Associazione dati

Expression Blend include le seguenti caratteristiche di generazione di nuovi dati:

• La capacità di trascinare gli elementi dei dati dal pannello Dati nel pannello Oggetti e sequenza temporale per creare associazioni di dati.

• La capacità di associare la proprietà di un oggetto a una proprietà di un altro oggetto nei progetti Silverlight.

• Supporto per il controllo DataGrid nelle applicazioni.

• Supporto per gli scenari master/dettagli utilizzando la visualizzazione Elenco e la visualizzazione Dettagli del pannello Dati.

• Supporto migliorato per l'associazione a un contesto di dati.

• La capacità di definire raccolte gerarchiche dei dati di esempio che consentono di creare prototipi di applicazioni connesse ai dati.

Per ulteriori informazioni, vedere Visualizzazione di dati nei controlli.

Dati di esempio per sviluppatori

È possibile utilizzare oggetti business personalizzati per definire dati di esempio ed è possibile utilizzare tale origine di dati di esempio nell'applicazione. Gli oggetti business non devono essere modificati per facilitarne l'utilizzo per XAML. Ad esempio, Expression Blend gestisce gli oggetti che non hanno costruttori pubblici e proprietà che non hanno setter.

Silverlight

Supporto Silverlight 3

È possibile creare e modificare le applicazioni Silverlight 3 incluse in Expression Blend. Se viene aperto un progetto Silverlight 2, Expression Blend visualizzerà una finestra di dialogo per chiedere se si desidera aggiornare i file di progetto da Silverlight 2 a Silverlight 3.

Per un elenco di risorse di formazione Silverlight, vedere Risorse di formazione e community.

Supporto per i siti Web

Quando si crea un nuovo progetto Silverlight in Expression Blend, si dispone di un tipo di progetto aggiuntivo denominato Applicazione Silverlight + Sito Web. Quando si crea un'applicazione Silverlight utilizzando questo tipo di progetto, si ha a disposizione sia un'applicazione che un sito Web associato Silverlight con una pagina HTML predefinita che carica l'applicazione Silverlight.

Abilitazione di un'applicazione Silverlight all'esterno del browser

È possibile configurare un'applicazione Silverlight per l'esecuzione all'esterno del browser, nella finestra dell'applicazione, utilizzando Opzioni progetto Silverlight nel menu Progetto. Per ulteriori informazioni, vedere Testare o eseguire un progetto.

Memorizzazione nella cache delle estensioni di libreria dell'applicazione

È possibile configurare un'applicazione Silverlight per memorizzare nella cache le estensioni di libreria utilizzando Opzioni progetto Silverlight nel menu Progetto. In questo modo si velocizza l'applicazione Silverlight.

[!NOTA]

La memorizzazione nella cache delle estensioni di libreria non funziona con le applicazioni Silverlight out-of-browser.

Controllo versione file di origine

Supporto TFS

Expression Blend 3 introduce il supporto per Microsoft Visual Studio 2008 Team Foundation Server. Se si ha accesso a un Team Foundation Server, è possibile eseguire le attività comuni correlate al controllo origine sulle soluzioni e i progetti come il controllo, l'estrazione, l'unione e altre.

Per ulteriori informazioni, vedere Utilizzo del controllo del codice sorgente Team Foundation.

Animazione

Ulteriori proprietà disponibili per l'animazione

In un progetto Silverlight, è possibile registrare i fotogrammi chiave per molte più proprietà rispetto a prima. Per poter effettuare questa operazione, è presente un nuovo comando di menu, Registra valore corrente, nel menu Opzioni avanzate proprietà che viene visualizzato quando si seleziona il marcatore accanto alle singole proprietà nel pannello Proprietà.

Migliore supporto per l'interpolazione in Silverlight

È possibile applicare funzioni di interpolazione predefinite e denominate a fotogrammi chiave singoli selezionando un fotogramma chiave e selezionando EasingFunction nel pannello Proprietà.

Per ulteriori informazioni, vedere Modificare l'interpolazione di animazione tra fotogrammi chiave.

Applicazione di animazioni ai valori della risorsa

È possibile applicare animazioni da e nelle risorse. Ad esempio, è possibile applicare animazioni a una proprietà colore da un valore statico in una risorsa colore.

Testo

Miglioramento dell'incorporamento di tipi di caratteri e sottogruppi di tipi di caratteri

Con Expression Blend, è possibile incorporare e creare facilmente sottogruppi di tipi di caratteri nei progetti Silverlight e WPF. È possibile utilizzare la nuova Gestione tipi di carattere per selezionare i tipi di caratteri installati sul computer e personalizzare il sottotipo di caratteri da incorporare.

Flusso di lavoro

Ancoraggio e configurazione dello spazio di lavoro

Expression Blend estende le funzioni di configurazione dello spazio di lavoro trovate nelle precedenti versioni fornendo un supporto di ancoraggio completo per tutti i pannelli. È possibile personalizzare l'interfaccia utente di Expression Blend nelle proprie preferenze e salvare questa configurazione come predefinita.

Per ulteriori informazioni, vedere Creazione di più spazio per lavorare e Salvataggio di visualizzazioni diverse nell'area di lavoro.

Miglioramenti Strumento Sfumatura

In Expression Blend 3, lo strumento sfumatura è più avanzato e facile da utilizzare rispetto alle versioni precedenti. Adesso è possibile modificare direttamente i valori di scostamento di una sfumatura per un oggetto che ha una sfumatura applicata ad esso. Per modificare una posizione, trascinare il cursore. Per aggiungere un nuovo cursore, tenere premuto il tasto ALT e fare clic sull'adorner per sfumatura. È inoltre possibile ridefinire velocemente la sfumatura trascinando un nuovo adorner per sfumatura sulla tavola da disegno. Facendo doppio clic in un punto qualsiasi della tavola da disegno, viene visualizzata la selezione colori. È possibile utilizzare la selezione colori per cambiare il colore del cursore.

Miglioramenti del funzionamento del layout

Expression Blend 3 introduce diversi miglioramenti alle operazioni di layout. Lo spostamento di oggetti con la manipolazione diretta sulla tavola da disegno adesso è più semplice e prevedibile, gli adorner per allineamento sono mostrati per un numero maggiore di contenitori, le proprietà di layout e le associazioni sono preservate durante l'assegnazione di un nuovo elemento padre o il raggruppamento degli oggetti e le proprietà di layout non sono più scritte nel file code-behind XAML inutilmente. Inoltre, adesso è possibile utilizzare il controllo proprietà per modificare lo spessore e l'altezza di un oggetto anche quando queste proprietà sono definite in Auto. Expression Blend calcola automaticamente i margini appropriati necessari per assicurarsi che l'oggetto sia delle dimensioni specificate.

Miglioramenti della selezione diretta

Expression Blend contiene alcune modifiche significative nel modello di selezione. Queste modifiche facilitano la modifica della selezione e il disegno di nuovi oggetti sulla tavola da disegno. Le modifiche includono l'estensione della funzionalità dello strumento Selezione per ottenere un comportamento simile a quello dello strumento Selezione diretta e il miglioramento del comportamento di creazione e assegnazione di un elemento padre sulla tavola da disegno con l'aiuto degli indicatori visivi che sono visualizzati quando si disegnano o spostano gli oggetti.

Selezione di punti con rettangolo

Quando si utilizza lo strumento Selezione diretta, è possibile selezionare singoli punti su un percorso utilizzando il rettangolo di selezione. Tracciare per definire l'area che contiene i punti da selezionare.

Miglioramenti di scorrimento automatico e zoom

Quando si sposta o si ridimensiona un oggetto, la tavola da disegno Expression Blend scorre automaticamente. Se si sposta il puntatore oltre la tavola da disegno, lo scorrimento si arresta. Girando la rotellina del mouse si ingrandisce o riduce il tavolo da disegno per impostazione predefinita.

Per ulteriori informazioni, vedere Eseguire uno zoom o una panoramica della tavola da disegno.

Tasti di scelta rapida e tasti di modifica

Expression Blend facilita le comuni attività grazie all'introduzione di nuovi tasti di scelta rapida e tasti di modifica per le azioni come la selezione diretta, il rettangolo di selezione, la duplicazione del contenuto, la panoramica, lo zoom e altri.

Per ulteriori informazioni, vedere Tasti di scelta rapida e tasti di modifica.

Supporto TileBrush migliorato

Adesso è possibile creare e modificare i pennelli di immagine affiancati per le applicazioni Silverlight. Inoltre, per le applicazioni Silverlight e WPF, è possibile impostare la proprietà Source direttamente dalla categoria Pennelli del pannello Proprietà invece di ricreare il pennello.

Copia e incolla di immagini dagli Appunti

I dati di immagini inseriti negli Appunti da altre applicazioni come Windows Internet Explorer, Adobe Photoshop e Microsoft Paint adesso possono essere incollati direttamente in Expression Blend. Expression Blend determina il tipo di elementi di progetto da aggiungere in base a dove eseguire l'azione di incollaggio. Ad esempio, incollando un'immagine nel pannello Risorse si aggiunge un file di immagine al progetto e si crea una risorsa ImageBrush.

Struttura del modello

Se un controllo include modelli che sono applicati in scenari specifici, come quando un controllo deve visualizzare una raccolta di dati, tali modelli adesso sono visualizzati nella categoria Modifica altri modelli dell'elemento Modifica modello nel menu Oggetto. Questo facilita la navigazione nei modelli come il modello ItemContainerStyle di un controllo ListBox.

Serializzazione dei valori predefiniti

Expression Blend non imposta esplicitamente un valore di proprietà quando non è necessario. Expression Blend 2, durante l'impostazione di una proprietà come HorizontalAlignment in Stretch, ha scritto il valore nel file XAML anche se non era necessario perché era il valore predefinito. Expression Blend non scrive questo valore tranne in casi particolari (come quando il valore viene impostato da uno stile).

Il valore predefinito può essere tuttavia esplicitamente impostato utilizzando il comando Converti in valore locale nel menu Opzioni avanzate proprietà che viene visualizzato quando si seleziona il marcatore  accanto alla proprietà nel pannello Proprietà.

Esperienza di modifica del controllo UserControl migliorata

Quando si modifica l'XAML che definisce un controllo UserControl, non è più necessario ricreare il progetto per aggiornare tutti gli oggetti UserControl sulla tavola da disegno.

Inoltre, è possibile entrare nella modalità di modifica per un controllo UserControl facendo doppio clic su uno degli oggetti UserControl sulla tavola da disegno.

Ricerca di file nel pannello Progetti

È possibile cercare gli elementi nel pannello Progetti. Quando si deseleziona la finestra di ricerca, i nodi che erano stati espansi durante la ricerca rimangono tali in modo da poter facilmente individuare gli elementi ricercati.

Comando Cerca nei file

È possibile cercare il testo in diversi file utilizzando il nuovo comando Cerca nei file nel menu Modifica (CTRL+MAIUSC+F).

Espansione del pannello Progetti

Expression Blend adesso ricorda lo stato di espansione dei vari nodi nel pannello Progetti quando la soluzione viene chiusa e riaperta.

Modifica del codice

Modifica del codice XAML, C# e Visual Basic

Expression Blend migliora il supporto XAML introducendo funzioni di risparmio energetico. È possibile modificare i file code-behind C# e Visual Basic direttamente all'interno di Expression Blend. L'editor del codice supporta diverse funzioni che è possibile utilizzare per migliorare la produttività quando si modifica il codice. Queste funzioni includono IntelliSense (completamento sintassi), formattazione automatica, corrispondenza parentesi graffe, scrittura di riepilogo della funzione, creazione del gestore dell'evento e altre.

Miglioramenti della modifica XAML

La struttura dell'oggetto rimane espansa se si effettua una modifica non valida all'XAML nella Doppia visualizzazione. Inoltre, è possibile continuare a lavorare su un oggetto presente sulla tavola da disegno quando una proprietà dell'oggetto è impostata in un valore non valido in XAML.

Aggiunta di gestori degli eventi a Visual Studio

Expression Blend adesso include un editor del codice per la modifica dei file code-behind C# e Visual Basic. Per impostazione predefinita, quando si utilizza la visualizzazione Eventi del pannello Proprietà per aggiungere un codice del gestore dell'evento ai file code-behind, Expression Blend aprirà il file code-behind nell'editor del codice interno. Tuttavia, è possibile scegliere di utilizzare Microsoft Visual Studio per aggiungere i gestori degli eventi.

Estendibilità

Pannello Asset estendibili

È possibile inserire il contenuto del pannello Asset in Expression Blend registrando una directory che contiene uno o più assembly. È possibile scrivere il codice per visualizzare icone personalizzate e altro. È inoltre possibile creare un'istanza dei controlli memorizzati negli assembly noti, e Expression Blend aggiungerà i riferimenti necessari dell'assembly al progetto.

Estendibilità tavola da disegno

Expression Blend 3 introduce ulteriori miglioramenti alle API di estendibilità per Silverlight e WPF. I punti di estendibilità sono compatibili con il progettista di Visual Studio e si ha una maggiore flessibilità per estendere il tavolo da disegno.

Modelli di progetto estendibili

Expression Blend supporta i modelli di progetto estendibili che forniscono un progetto personalizzato e stub di elemento per migliorare la creazione di progetti. Questi modelli di progetto, che sono un sottoinsieme di quello che Visual Studio supporta, possono essere utilizzati per creare soluzioni complesse con dipendenze tra i progetti e riferimenti di assembly.

Vedere anche

Concetti

Risorse di formazione e community

Altre risorse

Sito della comunità Microsoft Expression