Condividi tramite

Progettare XAML in Visual Studio e Blend per Visual Studio

  • Articolo

Visual Studio e Blend per Visual Studio offrono entrambi strumenti visivi per creare interfacce utente coinvolgenti e esperienze multimediali avanzate con XAML per diversi tipi di app. Entrambi gli ambienti di sviluppo integrato (IDE) condividono un set comune di funzionalità, tra cui un editor XAML visivo (finestra di progettazione). Blend per Visual Studio, che supporta le piattaforme WPF e UWP, offre strumenti aggiuntivi per la progettazione degli stati di visualizzazione e la creazione di animazioni.

È possibile passare da Visual Studio a Blend per Visual Studio ed è anche possibile 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 navigando su Strumenti>Opzioni>Ambiente>Documenti in uno degli IDE.

Installazione

  • Per creare app WPF, installare il carico di lavoro sviluppo di applicazioni desktop .NET in Visual Studio. Anche Blend per Visual Studio verrà installato.

    Screenshot del carico di lavoro sviluppo applicazioni desktop .NET dall'installatore di Visual Studio

  • Per creare app UWP, installare il workload sviluppo della piattaforma UWP in Visual Studio. Anche Blend per Visual Studio verrà installato.

    screenshot del carico di lavoro Sviluppo della piattaforma UWP (Universal Windows Platform) dal programma di installazione di Visual Studio

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. Alcune evidenziazioni includono:

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

  • Il debugging: è 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'applicazione in esecuzione e l'uso di Ricaricamento rapido per modificare il codice XAML mentre l'applicazione è in esecuzione. Per mantenere un'esperienza di debug coerente con Visual Studio, Blend per Visual Studio include la maggior parte delle finestre di debug e delle barre degli strumenti di Visual Studio.

  • Ricarica file: Puoi modificare i file XAML in Visual Studio o Blend per Visual Studio. I file modificati che sono stati salvati vengono ricaricati automaticamente mentre si cambia da un IDE all'altro. È possibile controllare il comportamento di ricaricamento navigando fino a Strumenti>Opzioni>Ambiente>Documenti in uno degli IDE.

  • Layout e impostazioni sincronizzati: I layout delle finestre degli strumenti di personalizzazione del design e le preferenze delle impostazioni per Visual Studio o Blend per Visual Studio vengono sincronizzati tra i tuoi dispositivi e le tue versioni loggandoti con lo stesso account di personalizzazione. Consulta Sincronizzare le impostazioni in più computer.

Funzionalità avanzate in 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 o al codice di Visual Studio.

Compito Visual Studio Blend per Visual Studio Altre informazioni
Progettazione degli stati visivi Non c'è alcuno strumento per aiutarti a progettare gli stati di visualizzazione; è necessario crearli a livello di codice. Usare gli strumenti di progettazione per modificare l'aspetto di un controllo in base al relativo stato. stati di visualizzazione
Creare animazioni Non c'è uno strumento di progettazione per le animazioni; è necessario crearli a livello di codice. Ciò richiede una conoscenza dell'animazione e del sistema di temporizzazione in WPF e un'ampia esperienza di scrittura del codice. È possibile creare animazioni visivamente e visualizzarle in anteprima in Blend per Visual Studio. Questo è più veloce e accurato rispetto alla creazione delle animazioni nel codice. È possibile aggiungere trigger per gestire l'interazione dell'utente ed è possibile passare al codice per aggiungere gestori eventi e altre funzionalità. Oggetti animati
Trasformare forme e testo in percorsi per facilitare la manipolazione Non supportato. È possibile apportare modifiche sottili o drammatiche alle forme (ad esempio rettangoli e puntini di sospensione) convertendoli in percorsi, che offrono un controllo di modifica migliore. È possibile rimodellare o combinare percorsi e creare percorsi composti da più forme.

È anche possibile convertire blocchi di testo in percorsi per modificarli come immagini vettoriali.		 Disegnare forme e percorsi
Modificare controlli, modelli e stili Richiede la codifica e la conoscenza di stili e modelli WPF. Trasformare qualsiasi immagine in un controllo .

Usare gli strumenti di modifica dei modelli per apportare modifiche a controlli, stili e modelli con pochi clic del mouse.

Ad esempio, è possibile usare le risorse di stile Blend per Visual Studio per implementare controlli WPF comuni, ad esempio pulsanti, caselle di riepilogo, barre di scorrimento, menu e così via, e modificare il colore, lo stile o il modello sottostante direttamente in Blend per Visual Studio. È quindi possibile passare al codice per completare i ritocchi, se necessario.		 Modificare lo stile degli oggetti
Connettere l'interfaccia utente ai dati È possibile creare un'origine dati da risorse quali un database di SQL Server, un servizio WCF o Web, un oggetto o un elenco di SharePoint e quindi associare l'origine dati ai controlli dell'interfaccia utente.

I dati in fase di progettazione devono essere creati a mano per un'esperienza di progettazione interattiva.		 Per le app .NET Framework, creare facilmente dati di esempio per la creazione di prototipi e i test. Passare ai dati in tempo reale quando si è pronti.

Le funzionalità di generazione dei dati di Blend per Visual Studio sono eccezionali (è possibile aggiungere nomi, numeri, URL e foto facilmente in tempo reale) e risparmiare molto tempo.

Per i dati in tempo reale, è 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.

Contenuto correlato