Introducción
Los paneles de diseño de .NET MAUI le ayudan a crear interfaces de usuario coherentes para su aplicación en una amplia gama de dispositivos.
Suponga que está creando una aplicación de calculadora de propinas que planea implementar en muchos equipos y dispositivos. Cada dispositivo podría tener un tamaño de pantalla y una densidad de píxeles diferentes. El objetivo es que la aplicación sea lo más parecida posible en todos los dispositivos. Le gustaría evitar el cálculo manual del tamaño y la posición de la vista para cada tamaño de pantalla. .NET MAUI incluye un sistema de administración de diseño que realiza estos cálculos por usted. Las vistas se colocan dentro de los paneles de diseño, que administran automáticamente el tamaño y la posición de sus vistas secundarias. Los paneles facilitan considerablemente la creación de interfaces de usuario coherentes en diferentes dispositivos.
En este módulo deberá crear una aplicación .NET Multi-Platform App UI (MAUI) que tenga un aspecto similar en diferentes dispositivos. Para empezar, establecerá el tamaño preferido y la posición de una vista. A continuación, organizará las vistas verticalmente con un StackLayout. A continuación, coloque las vistas en filas y columnas con un Grid. Al final del módulo tendrá una aplicación .NET MAUI con un aspecto coherente en cada tipo de dispositivo y tamaño de pantalla.
Objetivos de aprendizaje
En este módulo, aprenderá a:
- Organice los elementos de la interfaz de usuario en una aplicación y dimensiónelos.
- Muestre las vistas en una lista vertical u horizontal con
StackLayout - Muestre las vistas en filas y columnas mediante
Grid.
Requisitos previos
- Visual Studio 2022 con la carga de trabajo de .NET MAUI instalada
- Opcional: Visual Studio Code con la extensión .NET MAUI y .NET SDK con la carga de trabajo .NET MAUI instalada
- Familiaridad con C# y .NET
Requisitos para el desarrollo de .NET MAUI
Para crear aplicaciones .NET MAUI con .NET 9, debe instalar Visual Studio versión 17.12 o posterior con la carga de trabajo siguiente instalada:
- Desarrollo de la interfaz de usuario de aplicaciones multiplataforma de .NET
Además, si quiere crear aplicaciones .NET MAUI Blazor, debe instalar la carga de trabajo de desarrollo web y ASP.NET.
Consulte la documentación para ver un tutorial de configuración.
Desarrollo con Visual Studio Code
Si está desarrollando en macOS o Linux, deberá instalar Visual Studio Code y la extensión MAUI de .NET junto con la SDK de .NET y la carga de trabajo de MAUI de .NET. Consulte la documentación para ver un tutorial de configuración.