Progettazione visiva confrontata con la scrittura di XAML e codice

Per chi si occupa di progettazione la modifica di markup XAML o del codice può essere un'attività molto complessa. Microsoft Expression Blend è progettato per i creativi. Nella visualizzazione Progettazione di Expression Blend è possibile creare applicazioni complete basate su Windows Presentation Foundation (WPF) o Microsoft Silverlight. È possibile importare asset grafici e codice XAML precedentemente esportati da Microsoft Expression Design, nonché importare siti di Silverlight generati da Microsoft Expression Encoder.

Expression Blend è progettato anche per consentire lo sviluppo in team. Poiché i team di sviluppo del software sono in genere costituiti da progettisti, che si occupano dell'interfaccia utente, e programmatori, che creano il codice sottostante, in Expression Blend sono incluse sia funzionalità che consentono di generare la minor quantità di codice possibile in un formato distribuibile agli sviluppatori, sia funzionalità che consentono di collegarsi al codice esistente, ad esempio gestori di eventi o controlli personalizzati che possono essere utilizzati come controlli esistenti.

Quali attività di progetto è possibile eseguire in Expression Blend?

• Creare una soluzione che contenga un progetto per un'applicazione basata su WPF (con estensione EXE), un'applicazione basata su Silverlight (con estensione EXE), un'applicazione basata su Silverlight con un sito Web associato o una libreria di controlli (con estensione DLL).

• Aggiungere un nuovo file XAML (Extensible Application Markup Language) e il corrispondente file code-behind per creare una finestra di primo livello nell'applicazione, un controllo utente, una pagina esplorabile nell'applicazione o un dizionario risorse che può contenere stili riutilizzabili, modelli di controllo, risorse pennello e così via.

• Aggiungere file esistenti al progetto o effettuare il collegamento a file esistenti, ad esempio file di immagine, XML, video, audio, di licenza, XAML o di codice.

• Aggiungere riferimenti a controlli personalizzati esistente contenuti in file DLL. I controlli personalizzati possono essere contenuti anche in file di codice sorgente esistenti con estensione vb o cs. Dopo avere aggiunto un controllo personalizzato al progetto di Expression Blend è possibile utilizzarlo come gli altri controlli forniti con Expression Blend.

  Per un esempio di controllo personalizzato contenuto in un file cs, vedere Esercitazione: creare un controllo personalizzato con proprietà personalizzate.

  Suggerimento:
  Quando si aggiungono file di codice sorgente contenenti controlli personalizzati a un progetto di Expression Blend, è necessario compilare il progetto per poter vedere i controlli nella categoria Controlli personalizzati del pannello Asset.

• Aggiungere un nuovo progetto a una soluzione. È possibile aggiungere o collegare progetti esistenti a un progetto WPF di Expression Blend.

• Aprire qualsiasi file incluso nel progetto. I file XAML vengono aperti sulla tavola da disegno per la modifica, i file di immagine possono essere inseriti nel documento attivo e i file audio e video vengono aperti in una sequenza temporale di animazione. I file code-behind vengono aperti sulla tavola da disegno in un editor di testo. Tutti i file possono essere aperti in un editor esterno associato al tipo di file. Se ad esempio si fa doppio clic su un file con estensione XML nel pannello Progetti di Expression Blend, il file molto probabilmente potrà essere aperto nel Blocco note. I file di codice potranno essere aperti nell'editor di testo di Expression Blend, ma è possibile aprire facoltativamente i file in Microsoft Visual Studio 2010 , se installato.

  Per ulteriori informazioni, vedere Modificare un file code-behind.

• Aprire un progetto o una soluzione Visual Studio 2010 per un'applicazione WPF o Silverlight e creare l'interfaccia utente.

• Eseguire il debug dell'applicazione compilandola (CTRL+MAIUSC+B) o eseguendola (F5) e risolvere i problemi all'origine degli eventuali messaggi di errore visualizzati nel pannello Risultati.

• Aggiungere file di codice per classi personalizzate, di cui è possibile creare istanze nell'applicazione.

  Per un esempio, vedere Esercitazione: creare un controllo personalizzato con proprietà personalizzate.

• Modificare file di codice. Se si fa doppio clic su un file di codice nel pannello Progetti di Expression Blend, il file verrà aperto sulla tavola da disegno in un editor di testo che include funzionalità di tipo Trova e sostituisci e IntelliSense.

  Per ulteriori informazioni, vedere Modificare un file code-behind.

Quali operazioni è possibile eseguire in Expression Blend senza utilizzare il codice?

• Progettare l'aspetto (interfaccia utente) dell'applicazione, aggiungendo e trasformando gli oggetti della Casella degli strumenti, nonché definendone lo stile tramite pennelli e altre proprietà nel pannello Proprietà.

  Per ulteriori informazioni, vedere gli argomenti seguenti:

  • Scegliere e utilizzare controlli interattivi

  • Disegnare forme e tracciati

  • Disposizione degli oggetti

  • Impostazione di colori, pennelli e maschere

• Aggiungere animazioni agli oggetti nell'applicazione.

  Per ulteriori informazioni, vedere Animazione di oggetti.

• Modificare la sequenza temporale di file video o audio nel progetto dopo averli aggiunti alla tavola da disegno.

  Per ulteriori informazioni, vedere Inserimento di immagini ed elementi grafici e Inserimento di audio e video.

• Avviare sequenze temporali di animazioni, file audio e video mediante azioni dell'utente, quali fare clic su un pulsante o spostare il puntatore su un oggetto.

  Per ulteriori informazioni, vedere Scrittura di codice che risponde agli eventi.

• Aggiungere interattività all'applicazione mediante i comportamenti disponibili nel pannello Asset. I comportamenti sono parti generiche di codice pacchetto che è possibile trascinare su qualsiasi oggetto e quindi ottimizzati modificandone le proprietà.

  Per ulteriori informazioni, vedere Utilizzo dei comportamenti.

• Creare e progettare controlli utente personalizzati. Un controllo utente è un tipo di progetto che è possibile creare in Expression Blend. I controlli utente possono essere utilizzati esattamente come i controlli personalizzati sviluppati in Visual Studio 2010.

  Per un esempio, vedere Creare un controllo utente vuoto e Creare un controllo utente da oggetti esistenti.

• Personalizzare l'aspetto di un controllo esistente e applicare il modello di stile risultante ad altri controlli dello stesso tipo. È inoltre possibile aggiungere un'animazione a un modello del controllo.

  Per alcuni esempi, vedere gli argomenti elencati in Suggerimenti di stile per stili semplici WPF e Suggerimenti di stile per controlli di Silverlight comuni.

• Creare altre risorse riutilizzabili, quali risorse pennello, facendo clic sul nome di una proprietà nel pannello Proprietà, quindi su Converti in nuova risorsa.

  Per un esempio, vedere Creare una risorsa pennello o una risorsa colore.

• Convertire oggetti in pulsanti e risorse pennello oppure convertire immagini in oggetti 3D utilizzando le opzioni del menu Strumenti.

  Per esempi, vedere Creare un controllo da oggetti esistenti e Convertire un'immagine 2D in 3D.

• Associare una proprietà di un oggetto al valore contenuto in un'altra proprietà. Questa operazione è utile da molti punti di vista, ad esempio per far corrispondere la larghezza di un oggetto a quella di una barra di scorrimento.

  Per un esempio, vedere Associare un oggetto a input utente o altri valori interni.

• Associare una proprietà di un oggetto a un'origine dati, quale un file XML (solo WPF) o a un oggetto CLR (Common Language Runtime) o dati di esempio che è possibile generare mediante l'utilizzo degli strumenti nel pannello Dati.

  Per ulteriori informazioni, vedere Visualizzazione di dati.

Quali operazioni è possibile eseguire solo nel codice?

• Definire un comportamento più complesso nei gestori di eventi quando un utente interagisce con gli elementi dell'interfaccia utente dell'applicazione. È possibile programmare gestori di eventi per rispondere a pressioni di tasti, azioni del mouse e così via. I gestori di eventi sono diversi dai trigger di evento per animazioni ed elementi multimediali. I gestori di eventi consentono ad esempio di utilizzare equazioni matematiche per programmare il comportamento dell'applicazione.

  Per un esempio, vedere Creare un nuovo metodo del gestore dell'evento.

  Per un elenco di eventi, vedere i collegamenti nella sezione Riferimento per controlli, proprietà ed eventi.

• Personalizzare il comportamento di controlli esistenti o creare nuovi controlli personalizzati.

  Per un esempio di controllo personalizzato basato sul controllo WPF Button, vedere Esercitazione: creare un controllo personalizzato con proprietà personalizzate.

• Caricare dati, ad esempio di Microsoft SQL Server, in una tabella dati e convertirli in un oggetto dati CLR che è possibile utilizzare in Expression Blend.

  Per un esempio, vedere Esercitazione: visualizzare i dati da un database SQL di esempio.

• Creare un convertitore di valori per aggiungere una logica personalizzata a un'associazione dati. Questa operazione è utile per associare una proprietà di un oggetto a una proprietà di un tipo di dati incompatibile.

  Per un esempio, vedere Esercitazione: convertire dati da un tipo a un altro.

Quali operazioni è possibile eseguire solo in Visual Studio 2010?

• Eseguire il debug dell'applicazione eseguendo le istruzioni riga per riga mentre l'applicazione è in esecuzione.

  Suggerimento:
  Un file di progetto può essere contemporaneamente aperto in Expression Blend e in Visual Studio 2010, sullo stesso computer. Se si salva una modifica apportata a un file in un sistema, verrà visualizzata una notifica quando si passa all'altro sistema e verrà chiesto se si desidera ricaricare il file.

  Per ulteriori informazioni, vedere Eseguire il debug di applicazioni Expression Blend in Visual Studio 2010.

Quali funzionalità di Expression Blend facilitano l'aggiunta di codice?

• In Expression Blend viene eventualmente creato un file code-behind corrispondente per ciascun file XAML creato utilizzando la procedura guidata Aggiungi nuovo elemento. Se si fa doppio clic su un file di codice nel pannello Progetti di Expression Blend, il file verrà aperto sulla tavola da disegno in un editor di testo che include funzionalità di tipo Trova e sostituisci e IntelliSense.

  Per ulteriori informazioni, vedere Modificare un file code-behind.

• In Expression Blend viene generato codice per un metodo del gestore dell'evento quando si fa doppio clic su un evento nella vista Eventi  del pannello Proprietà.

  Per ulteriori informazioni, vedere Scrittura di codice che risponde agli eventi.

  Suggerimento:

  Se uno stesso progetto deve essere utilizzato da più persone contemporaneamente, è consigliabile utilizzare un sistema di controllo del codice sorgente quale Microsoft Team Foundation. I sistemi di questo tipo gestiscono un archivio centrale di file di progetto che possono essere estratti e modificati localmente nel computer. Per ulteriori informazioni, vedere Utilizzo del controllo del codice sorgente Team Foundation.

Dove è possibile trovare informazioni utili per scrivere il codice?

Per trovare informazioni utili per la scrittura del codice di un'applicazione di Expression Blend, è possibile consultare una delle risorse indicate in Risorse per la formazione e la community, tra cui collegamenti a forum di discussione, esercitazioni e altre risorse.

Copyright © 2011 Microsoft Corporation. Tutti i diritti riservati.