Introdução

Concluído

O .NET MAUI permite criar dinamicamente a interface do usuário de um aplicativo usando código C#. No entanto, às vezes é mais apropriado e eficiente definir a interface do usuário estaticamente. O XAML (linguagem XAML) fornece uma maneira de dispor a interface do usuário em tempo de compilação. A descrição XAML da interface do usuário também fornece um grau de documentação, permitindo que você compreenda rapidamente a maneira como a interface do usuário é apresentada a um usuário sem precisar se aprofundar no código do aplicativo.

Suponha que você trabalhe para uma empresa de energia como um desenvolvedor móvel. Você é responsável por melhorar o aplicativo móvel da empresa que os engenheiros usam ao visitar as instalações do cliente. Atualmente, a interface do usuário do aplicativo é criada usando código C#. No entanto, você começou a observar que está ficando mais difícil gerenciar atualizações à interface do usuário. Essa dificuldade ocorre devido ao aplicativo ficar mais complexo. Está ficando cada vez mais difícil entender a lógica do comportamento central porque ela está misturada ao código da interface do usuário.

Você quer encontrar uma solução que introduza uma separação clara da interface do usuário e do comportamento. A separação da interface do usuário e do comportamento permite que o especialista em design se concentre no que faz de melhor, e você terá tempo para se concentrar em codificar o comportamento do aplicativo. O .NET MAUI permite definir sua interface do usuário usando o XAML. O XAML fornece uma separação clara de interface do usuário e comportamento. O XAML também torna mais fácil usar ferramentas de design e um especialista em design. Neste módulo, você aprenderá como criar um aplicativo .NET MAUI que define suas páginas e controles usando o XAML em vez de código C#. A criação da interface do usuário em XAML permite que você separe todo o código da interface do usuário do código de comportamento para facilitar o gerenciamento de ambos.

Objetivos de aprendizagem

Neste módulo, você aprenderá:

  • Os benefícios de usar XAML em vez de definir a interface do usuário para um aplicativo .NET MAUI em C#.
  • Como criar páginas e controles e definir as propriedades usando XAML.
  • Como lidar com eventos de interface do usuário e conectá-los no XAML.
  • Como criar e usar extensões de marcação do XAML.
  • Como definir valores específicos da plataforma na marcação XAML.

Pré-requisitos

  • Visual Studio 2022 com a carga de trabalho do .NET MAUI instalada
  • Opcional: Visual Studio Code com a extensão .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 do .NET MAUI com o .NET 8, você precisa instalar o Visual Studio versão 17.8 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.