Introducción
.NET MAUI permite crear la interfaz de usuario de una aplicación dinámicamente mediante código de C#. Sin embargo, a veces resulta más apropiado y eficaz definir la interfaz de usuario de forma estática. Extensible Application Markup Language (XAML) proporciona una manera de diseñar la interfaz de usuario en tiempo de compilación. La descripción XAML de la interfaz de usuario también proporciona un grado de documentación, lo que le permite comprender rápidamente la forma en que la interfaz de usuario se presenta a un usuario sin tener que analizar el código de la aplicación.
Imagine que trabaja como desarrollador de dispositivos móviles para una empresa de energía. Es responsable de mejorar la aplicación móvil de la empresa que usan los ingenieros al visitar las instalaciones del cliente. En la actualidad, la interfaz de usuario de la aplicación se ha compilado mediante código de C#. Pero ha comenzado a apreciar que cada vez es más difícil administrar las actualizaciones de la interfaz de usuario. Esta dificultad se debe a que la aplicación se va haciendo más compleja. Cada vez es más difícil comprender la lógica del comportamiento principal, ya que se mezcla con código de interfaz de usuario.
Quiere buscar una solución que agregue una separación limpia de la interfaz de usuario y el comportamiento. La separación de la interfaz de usuario y el comportamiento permitirá que los expertos en diseño se centren en lo que mejor saben hacer, y tendrá tiempo para centrarse en codificar el comportamiento de la aplicación. .NET MAUI le permite definir la interfaz de usuario mediante XAML. XAML proporciona una separación clara de la interfaz de usuario (IU) y el comportamiento. XAML también facilita el uso de un experto de diseño y herramientas de diseño. En este módulo aprenderá a crear una aplicación .NET MAUI que defina sus páginas y controles usando XAML en lugar del código C#. La creación de la interfaz de usuario en XAML le permitirá separar todo el código de la interfaz de usuario del código de comportamiento para que sea más fácil administrarlos.
Objetivos de aprendizaje
En este módulo, aprenderá lo siguiente:
- Las ventajas de usar XAML en lugar de C# para definir la UI de una aplicación .NET MAUI.
- Cómo crear páginas y controles, y establecer las propiedades con XAML.
- Cómo controlar eventos de la UI y conectarlos en XAML.
- Cómo crear y usar extensiones de marcado en XAML.
- Cómo establecer valores específicos de plataforma en marcado XAML.
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 8, debe instalar Visual Studio versión 17.8 o posterior con la siguiente carga de trabajo 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.