Introduzione
I pannelli di layout di .NET MAUI consentono di creare interfacce utente per l'applicazione che rimangono coerenti in un'ampia gamma di dispositivi.
Si supponga di dover creare un'app per il calcolo della mancia che si prevede di distribuire su diversi computer e dispositivi. Ogni dispositivo potrebbe avere dimensioni dello schermo e densità di pixel diverse. L'obiettivo consiste nell'ottenere un'applicazione con un aspetto il più possibile coerente in tutti i dispositivi. Si vuole evitare di calcolare manualmente la posizione e le dimensioni di visualizzazione per ogni dimensione dello schermo. .NET MAUI include un sistema di gestione del layout che esegue questi calcoli automaticamente. Basta inserire le visualizzazioni all'interno di pannelli di layout che gestiscono automaticamente le dimensioni e la posizione delle relative visualizzazioni figlio. I pannelli semplificano notevolmente la creazione di interfacce utente coerenti su dispositivi diversi.
In questo modulo si creerà un'applicazione .NET MAUI con un aspetto coerente su dispositivi diversi. Per iniziare, si imposteranno le dimensioni e la posizione preferite di una visualizzazione. Quindi si disporranno le visualizzazioni in verticale usando un layout pila StackLayout. Le visualizzazioni verranno poi inserite in righe e colonne usando un Grid. Al termine del modulo, si avrà un'applicazione .NET MAUI il cui aspetto è coerente in ogni tipo di dispositivo e dimensioni dello schermo.
Obiettivi di apprendimento
Contenuto del modulo:
- Disporre gli elementi dell'interfaccia utente in un'app e dimensionarli.
- Mostrare le visualizzazioni in un elenco verticale o orizzontale usando
StackLayout. - Mostrare le visualizzazioni in righe e colonne usando
Grid.
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.