Introdução

O padrão Model-View-ViewModel (MVVM) é um padrão de design de software. Os padrões de design são conjuntos de regras e modelos que ajudam a tornar o código do aplicativo melhor ou mais consistente. Você usa o padrão MVVM para ajudar a separar a lógica de comportamento do aplicativo do código de renderização da interface do usuário e para fazer isso de uma forma que ofereça suporte ao teste de unidade.

Cenário de exemplo

Digamos que a sua empresa produz software de gestão para departamentos de recursos humanos. Eles usam o software para gerenciar e revisar detalhes sobre os funcionários da empresa. O sistema existente é baseado na Web. Foi-lhe pedido para criar uma aplicação móvel que possa ser utilizada com as mesmas APIs de back-end que o sistema Web utiliza. Você sabe que as APIs de back-end e o front-end da Web são completamente cobertos por testes de unidade. E você quer manter esse padrão para o aplicativo móvel. Você ouviu falar que o padrão MVVM pode ajudar a projetar aplicativos móveis para máxima estabilidade, então você planeja experimentá-lo.

MVVM em si é um padrão de design que é a base para muitos frameworks e kits de ferramentas de programação. A maioria dessas estruturas também fornece outras coisas, como abstrações de navegação e mensagens, que ajudam o MVVM a promover testes de unidade. Nesta discussão, você se concentra nos fundamentos do padrão porque as estruturas podem variar muito em suas implementações.

Neste módulo, você aprenderá as partes do padrão MVVM e as responsabilidades do modelo, exibição e viewmodel. Em seguida, você escreve código em um viewmodel que manipula o comportamento do aplicativo de uma maneira que é isolada das bibliotecas da interface do usuário (até mesmo do próprio .NET MAUI).

O que você aprende

Neste módulo, irá:

• Identifique quando usar o padrão Model-View-ViewModel.
• Use um viewmodel para orientar o comportamento visual.
• Melhore a capacidade de teste do código por meio de propriedades vinculáveis a dados.

Pré-requisitos

• Visual Studio 2026 com a carga de trabalho .NET MAUI instalada
• Opcional: Código do Visual Studio com a extensão .NET MAUI e o SDK do .NET com a carga de trabalho do .NET MAUI instalada
• Familiaridade com conceitos de programação intermediários, como interfaces, classes e atributos.
• Capacidade de escrever código XAML.
• Concluiu o módulo anterior neste caminho de treinamento ou entenda como a vinculação de dados funciona no .NET MAUI.

Requisitos para o desenvolvimento do .NET MAUI

Para criar aplicativos .NET MAUI 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 da interface do usuário do aplicativo multiplataforma .NET

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

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

Desenvolvimento com Visual Studio Code

Se você estiver desenvolvendo no macOS ou Linux, precisará instalar o Visual Studio Code e a extensão .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.