Introduzione
L'applicazione degli stessi tipi di carattere e colori nell'intera interfaccia utente consente di ottenere un aspetto grafico coerente. .NET Multi-Platform App UI (MAUI) permette di definire questi valori in un'unica posizione e di cercarli ovunque vengano usati. Riutilizzare i valori assicura coerenza nell'app e semplifica gli aggiornamenti.
Si supponga di creare un'applicazione per dispositivi mobili denominata TipCalculator. L'app viene usata nel settore alberghiero e consente ai dipendenti di calcolare rapidamente la mancia per ogni servizio. La società di recente ha modificato l'aspetto del marchio aziendale. Lo scopo dell'esercizio è aggiornare l'interfaccia utente dell'app in modo che sia coerente con l'aspetto del nuovo marchio. È necessario modificare tipi di carattere, colori del testo e colori di sfondo. Si vuole semplificare questo tipo di aggiornamento perché, con l'ampliarsi dell'azienda, verranno sicuramente apportate altre modifiche alla personalizzazione.
In questo modulo si apprende come definire e applicare una risorsa nel codice e in XAML (Extensible Application Markup Language). Verrà inoltre descritto come raggruppare più impostazioni in uno stile per poterle applicare tutte contemporaneamente.
Obiettivi di apprendimento
Contenuto del modulo
- Creare e usare risorse statiche in un'interfaccia utente XAML .NET MAUI.
- Creare e usare risorse dinamiche.
- Creare un'interfaccia utente coerente mediante gli stili.
- Creare e usare le risorse a livello di applicazione.
- Applicare le opzioni di accessibilità dell'utente usando gli stili predefiniti.
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 9, è necessario installare Visual Studio versione 17.12 o 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.