Introducción

  • 2 minutos

Con las mismas fuentes y colores en toda la interfaz de usuario se crea un aspecto coherente. .NET MAUI proporciona una manera de definir estos valores en un solo lugar y de buscarlos allá donde se usen. Reutilizar los valores garantiza la coherencia en la aplicación y simplifica las actualizaciones.

Imagine que va a crear una aplicación móvil denominada TipCalculator. La aplicación se usa en el sector de la hostelería y permite que los clientes calculen rápidamente la propina de cualquier servicio. Recientemente su empresa ha cambiado el aspecto de su marca corporativa. Su trabajo consiste en actualizar la interfaz de usuario de la aplicación para que coincida con el nuevo aspecto. Tiene que cambiar las fuentes, los colores del texto y los del fondo. Quiere que este tipo de actualización sea sencillo, ya que se van a producir más cambios de personalización de marca a medida que la empresa crece.

En este módulo aprenderá a definir y aplicar un recurso en código y en XAML. También verá como agrupar varias opciones de configuración en un estilo para poder aplicarlas a la vez.

Objetivos de aprendizaje

En este módulo aprenderá a:

  • Cree y use recursos estáticos en una interfaz de usuario XAML de .NET MAUI.
  • Crear y usar recursos dinámicos.
  • Crear una interfaz de usuario coherente mediante estilos.
  • Crear y usar recursos para toda la aplicación.
  • Aplicar opciones de accesibilidad del usuario mediante estilos integrados.

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 el SDK de .NET 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.