Introdução

  • 3 minutos

O padrão MVVM (Model-View-ViewModel) é 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 de interface do usuário e fazer isso de forma compatível com o teste de unidade.

Cenário de exemplo

Digamos que sua empresa produza software de gerenciamento para departamentos de recursos humanos. Eles usam o software para gerenciar e analisar os detalhes sobre os funcionários da empresa. O sistema existente é baseado na Web. Foi solicitado que você criasse um aplicativo móvel que pode ser usado com as mesmas APIs de back-end que o sistema Web usa. Você sabe que as APIs de back-end e que o front-end da Web são abordados detalhadamente por testes de unidade. E você deseja manter esse padrão para o aplicativo móvel. Você ouviu que o padrão MVVM pode ajudar a projetar aplicativos móveis para a máxima capacidade de teste, portanto, planeja experimentá-lo.

O MVVM em si é um padrão de design que é a base para muitas estruturas 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 o teste de unidade. Nessa discussão, você se concentrará no básico do padrão, pois as estruturas podem variar amplamente em suas implementações.

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

O que você aprenderá

Neste módulo, você vai:

  • Identificar quando usar o padrão Model-View-ViewModel.
  • Usar um viewmodel para direcionar o comportamento de visual.
  • Aprimorar a capacidade de teste de código por meio das propriedades associáveis a dados.

Pré-requisitos

  • Visual Studio 2026 com o workload do .NET MAUI instalado
  • 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 conceitos intermediários de programação, como interfaces, classes e atributos.
  • Capacidade de escrever código XAML.
  • Concluiu o módulo anterior neste caminho de treinamento ou entendeu como a associação de dados funciona no .NET MAUI.

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.

Consulte 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 MAUI do .NET , juntamente com o SDK do .NET e a Carga de Trabalho MAUI do .NET. Consulte a documentação para obter um passo a passo da configuração.