Introduzione
.NET MAUI consente di creare dinamicamente l'interfaccia utente di un'app usando codice C#. Tuttavia, a volte è più appropriato ed efficiente definire l'interfaccia utente in modo statico. Il linguaggio CXAML (Extensible Application Markup Language) offre la possibilità di definire il layout dell'interfaccia utente in fase di compilazione. La descrizione XAML dell'interfaccia utente fornisce anche un grado di documentazione, che consente di comprendere rapidamente il modo in cui l'interfaccia utente viene presentata a un utente senza doversi addentrare nel codice dell'applicazione.
Si supponga di lavorare come sviluppatore di software per dispositivi mobili presso una società di distribuzione di energia elettrica. Si è responsabili del miglioramento dell'app per dispositivi mobili aziendale usata dai tecnici quando si recano presso la sede dei clienti. Attualmente l'interfaccia utente dell'app è scritta in codice C#, ma si è iniziato a notare che gli aggiornamenti dell'interfaccia utente diventano sempre più difficili da gestire. Questa difficoltà è causata dalla crescente complessità dell'app. È sempre più difficile comprendere la logica di comportamento di base perché è mescolata al codice dell'interfaccia utente.
Si vuole trovare una soluzione che consenta di definire una netta separazione tra interfaccia utente e comportamento. Separare l'interfaccia utente dal comportamento consentirà all'esperto di progettazione di concentrarsi su ciò che sa fare meglio, mentre lo sviluppatore avrà più tempo per concentrarsi nella codifica del comportamento dell'app. .NET MAUI consente di definire l'interfaccia utente utilizzando XAML, che consente una netta separazione tra interfaccia utente (UI) e comportamento. Questo linguaggio consente anche di sfruttare più facilmente le competenze di un esperto di progettazione grafica e l'uso di strumenti di progettazione. In questo modulo si apprenderà come creare un'app .NET MAUI in cui le pagine e i controlli sono definiti in linguaggio XAML anziché in codice C#. La creazione dell'interfaccia utente in XAML consente di separare tutto il codice dell'interfaccia da quello del comportamento, semplificando la gestione di entrambi.
Obiettivi di apprendimento
Contenuto del modulo:
- Vantaggi offerti dall'uso di XAML rispetto alla definizione dell'interfaccia utente in C# per un'app .NET MAUI.
- Come creare pagine e controlli e impostare le relative proprietà tramite XAML.
- Come gestire gli eventi dell'interfaccia utente e collegarli in XAML.
- Come creare e usare estensioni di markup XAML.
- Come impostare valori specifici della piattaforma nel markup XAML.
Prerequisiti
- Visual Studio 2022 con il carico di lavoro .NET MAUI installato
- Facoltativo: Visual Studio Code con l'estensione .NET MAUI e .NET SDK con il carico di lavoro .NET MAUI installato
- Familiarità con C# e .NET
Requisiti per lo sviluppo con .NET MAUI
Per creare app .NET MAUI con .NET 8, è necessario installare Visual Studio versione 17.8 o versione successiva con il carico di lavoro seguente installato:
- Sviluppo .NET Multi-Platform App UI
Inoltre, se si vogliono creare app .NET MAUI Blazor, è necessario installare il carico di lavoro ASP.NET e sviluppo Web.
Per una procedura dettagliata della configurazione, vedere la documentazione.
Sviluppo con Visual Studio Code
Se si sviluppa in macOS o Linux, è necessario installare Visual Studio Code e l'estensione .NET MAUI insieme a .NET SDK e al carico di lavoro .NET MAUI. Per una procedura dettagliata della configurazione, vedere la documentazione.