Condividi tramite


Progettare XAML in Visual Studio e Blend per Visual Studio

Visual Studio e Blend per Visual Studio offrono entrambi strumenti visivi per la creazione con XAML di interfacce utente accattivanti e funzionalità multimediali avanzate per un'ampia varietà di tipi di app. I due ambienti di sviluppo integrato (IDE) condividono un set comune di funzionalità, tra cui un editor XAML (finestra di progettazione). Blend per Visual Studio, che supporta le piattaforme WPF e UWP, fornisce strumenti aggiuntivi per la progettazione degli stati di visualizzazione e la creazione di animazioni.

È possibile spostarsi tra Visual Studio e Blend per Visual Studio e persino aprire lo stesso progetto in entrambi gli IDE contemporaneamente. Le modifiche salvate in file XAML in un IDE possono essere applicate tramite ricaricamento automatico quando si passa all'altro IDE. È possibile controllare il comportamento di ricaricamento passando a Strumenti>Opzioni>Ambiente>Documenti in uno degli IDE.

Installazione

  • Per creare app WPF, installare il carico di lavoro Sviluppo per desktop .NET in Visual Studio. Verrà installato anche Blend per Visual Studio.

    Screenshot of the .NET Desktop Development workload from the Visual Studio Installer

  • Per creare app UWP, installare il carico di lavoro Sviluppo di app per la piattaforma UWP (Universal Windows Platform) in Visual Studio. Verrà installato anche Blend per Visual Studio.

    Screenshot of the Universal Windows Platform Development workload from the Visual Studio Installer

  • Per creare app Xamarin.Forms, installare il carico di lavoro Sviluppo di applicazioni per dispositivi mobili con .NET in Visual Studio. Blend per Visual Studio non viene installato, in quanto non supporta le app Xamarin.Forms.

    Screenshot of the Mobile Development with .NET workload from the Visual Studio Installer

Funzionalità condivise

Per le attività di sviluppo più fondamentali, Visual Studio e Blend per Visual Studio condividono lo stesso set di finestre e funzionalità, con alcune piccole differenze. Ecco alcune delle caratteristiche principali:

  • IntelliSense: entrambi gli IDE supportano funzionalità di IntelliSense, ad esempio il completamento delle istruzioni.

  • Debug: è possibile eseguire il debug in Visual Studio e Blend per Visual Studio, inclusa l'impostazione dei punti di interruzione nel codice per eseguire il debug di un'app in esecuzione e l'uso di Ricaricamento rapido per modificare il codice XAML mentre l'app è in esecuzione. Per garantire un'esperienza di debug coerente con Visual Studio, Blend per Visual Studio include la maggior parte delle finestre di debug e le barre degli strumenti di Visual Studio.

  • Ricaricamento dei file: è possibile modificare i file XAML in Visual Studio o Blend per Visual Studio. I file modificati che sono stati salvati vengono ricaricati automaticamente quando si passa da un IDE all'altro. È possibile controllare il comportamento di ricaricamento passando a Strumenti>Opzioni>Ambiente>Documenti in uno degli IDE.

  • Layout e impostazioni sincronizzati: i layout e le impostazioni della finestra dello strumento di personalizzazione della progettazione per Visual Studio o Blend per Visual Studio vengono sincronizzati tra i dispositivi e le versioni quando si accede con lo stesso account di personalizzazione. Vedere Sincronizzare le impostazioni tra più computer.

Funzionalità avanzate di Blend per Visual Studio

Per aumentare la produttività, è consigliabile usare Blend per Visual Studio per le attività seguenti. Queste sono le aree in cui Blend per Visual Studio offre più funzionalità rispetto alla finestra di progettazione di Visual Studio o al solo codice.

Attività Visual Studio Blend per Visual Studio Altre informazioni
Progettare stati di visualizzazione Non esiste uno strumento che consenta di progettare stati di visualizzazione, è necessario crearli a livello di codice. Usare gli strumenti di progettazione per modificare l'aspetto di un controllo in base al suo stato. Stati di visualizzazione
Creare animazioni Non esiste alcuno strumento di progettazione per animazioni. È necessario crearle a livello di codice. Ciò richiede la comprensione del sistema di animazione e temporizzazione in WPF e ampia esperienza di codifica. È possibile creare le animazioni visivamente e verificarne l'anteprima in Blend per Visual Studio. Questa procedura è più veloce e precisa della creazione delle animazioni nel codice. È possibile aggiungere trigger per gestire l'interazione con l'utente e passare al codice per aggiungere gestori eventi e altre funzionalità. Animare oggetti
Trasformare le forme e il testo in tracciati per semplificarne la manipolazione Non supportato. È possibile apportare modifiche o di maggiore impatto alle forme, quali rettangoli ed ellissi, convertendole in tracciati, che offrono un migliore controllo della modifica. È possibile modificare la forma dei tracciati o combinarli e q creare tracciati composti da più forme.

È anche possibile convertire blocchi di testo in tracciati, in modo da modificarli come immagini vettoriali.
Disegnare forme e tracciati
Modificare controlli, modelli e stili Richiede l'uso di codifica e conoscenza degli stili e dei modelli WPF. Convertire un'immagine in un controllo.

Usare gli strumenti di modifica dei modelli per modificare i controlli, gli stili e i modelli con pochi clic del mouse.

È ad esempio possibile usare risorse di stile di Blend per Visual Studio per implementare controlli WPF comuni, quali pulsanti, caselle di riepilogo, barre di scorrimento, menu e così via, e modificarne il colore, lo stile o il modello sottostante direttamente in Blend per Visual Studio. È quindi possibile passare al codice per apportare eventuali ultimi ritocchi.
Modificare lo stile degli oggetti
Connettere l'interfaccia utente ai dati È possibile creare un'origine dati da risorse come database SQL Server, servizi WCF o servizi Web, oggetti oppure elenchi di SharePoint e quindi associare l'origine dati ai controlli dell'interfaccia utente.

I dati della fase di progettazione devono essere creati manualmente per un'esperienza di progettazione interattiva.
Per le app .NET Framework, è possibile creare con facilità dati di esempio per la creazione di prototipi e il test. Passare ai dati dinamici quando si è pronti.

Le funzionalità di generazione di dati di Blend per Visual Studio sono straordinarie. È possibile aggiungere nomi, numeri, URL e foto con facilità in pochi istanti e risparmiare molto tempo.

Per i dati dinamici è possibile associare i controlli dell'interfaccia utente a un file XML o a qualsiasi origine dati CLR.
Visualizzare i dati

Per altre informazioni sulla progettazione XAML avanzata, vedere Creare un'interfaccia utente usando Blend per Visual Studio.