Introdução

  • 2 minutos

O uso das mesmas fontes e cores em toda a interface do usuário cria uma aparência e uma experiência consistentes. O .NET MAUI fornece uma maneira de definir esses valores em um só local e observá-los em qualquer lugar em que sejam usados. Reutilizar valores garante a consistência em seu aplicativo e simplifica as atualizações.

Suponha que você esteja criando um aplicativo móvel chamado TipCalculator. O aplicativo é usado no setor de hospitalidade e permite que os funcionários calculem rapidamente a taxa de serviço para qualquer serviço. Sua empresa recentemente mudou o visual da marca corporativa. Seu trabalho é atualizar a interface do usuário do aplicativo para corresponder ao novo visual. Você precisa alterar fontes, cores de texto e cores da tela de fundo. Você deseja facilitar esse tipo de atualização porque certamente haverá mais alterações de identidade visual à medida que sua empresa cresce.

Neste módulo, você aprenderá a definir e aplicar um recurso no código e no XAML. Você também vê como agrupar várias configurações em um estilo para que você possa aplicá-las todas de uma vez.

Observação

Este módulo requer o Visual Studio 2022. É possível usar o Windows ou um Mac. Se você estiver usando o Windows, verifique se você tem a carga de trabalho Desenvolvimento móvel com .NET instalada. Veja a documentação se precisar adicioná-la à sua instalação. Se você estiver usando um Mac, a instalação padrão do Visual Studio para Mac inclui tudo o que você precisa para criar aplicativos com .NET MAUI.

Objetivos de aprendizagem

Neste módulo, você saberá como:

  • Crie e use recursos estáticos em uma interface do usuário XAML do MAUI.
  • Crie e use recursos dinâmicos.
  • Crie uma interface de usuário consistente usando estilos.
  • Crie e use recursos em todo o aplicativo.
  • Aplique as opções de acessibilidade do usuário usando estilos internos.

Pré-requisitos

  • Visual Studio 2022 com a carga de trabalho do .NET MAUI instalada.
  • Opcional: Visual Studio Code com a Extensão do .NET MAUI e o SDK do .NET com a carga de trabalho do .NET MAUI instalada.
  • Familiaridade com C# e .NET.

Requisitos para o desenvolvimento de .NET MAUI

Para criar aplicativos MAUI do .NET com o .NET 9, você precisa instalar o Visual Studio versão 17.12 ou mais recente com a seguinte carga de trabalho instalada:

  • Desenvolvimento de .NET Multi-Platform App UI

Além disso, se quiser criar aplicativos Blazor .NET MAUI, você precisará instalar a carga de trabalho de desenvolvimento Web e ASP.NET.

Confira a documentação para obter um passo a passo da configuração.

Desenvolvimento com o Visual Studio Code

Se você estiver desenvolvendo no macOS ou Linux, precisará instalar o Visual Studio Code e a extensão do .NET MAUI, juntamente com o SDK do .NET e a carga de trabalho do .NET MAUI. Consulte a documentação para obter um passo a passo da configuração.