Introdução
A associação de dados permite que você declare relações entre seus dados e seus controles de interface do usuário (UI). Eles ficam automaticamente sincronizados quando qualquer elemento muda. As associações de dados podem tornar seu código mais rápido de ler, mais fácil de manter e mais testável.
A vinculação de dados oferece uma maneira de acoplar sua interface do usuário diretamente aos dados, em vez de associá-la ao código no code-behind da interface do usuário. Quando a interface do usuário é vinculada a dados, a interface do usuário é atualizada automaticamente quando os dados são alterados, mantendo-se sincronizada com os dados. Em sentido oposto Se o usuário interage com a interface do usuário, os dados são mantidos em sincronia com a interface do usuário.
Cenário de exemplo
Imagine que você está trabalhando em um aplicativo que apresenta aos usuários informações meteorológicas para uma região ou endereço selecionado. À medida que o usuário insere um local, o aplicativo carrega os dados de previsão do tempo de um serviço meteorológico externo e atualiza a interface do usuário. A interface do usuário e os dados do serviço meteorológico são fortemente acoplados por meio da interface do usuário XAML e do arquivo code-behind XAML. O serviço meteorológico já está abstraído para sua própria classe, mas sua interface do usuário depende muito do code-behind para apresentar esses dados à interface do usuário.
Algum tempo depois de seu aplicativo ser lançado, o serviço meteorológico que você usa anuncia que ele será desligado. Antecipando isso, você começa a procurar um serviço de substituição. Dos serviços que você avaliou, você percebe que todos eles entram e saem dados de maneiras diferentes. Como a interface do usuário usa eventos code-behind para interação com o serviço, a experiência da interface do usuário pode ser afetada por essa alteração.
Seria útil alterar a forma como a interface do usuário sincroniza as atualizações meteorológicas, de eventos code-behind para vinculação de dados. Dessa forma, se uma alteração de serviço acontecer novamente, você minimizará o impacto no seu código.
O que você vai fazer
Este módulo demonstra as diferenças entre uma interface do usuário baseada em código e uma interface do usuário vinculada a dados e mostra como usar a associação de dados para atualizar a interface do usuário em vez de code-behind. Usando um aplicativo de clima de exemplo, você converterá atualizações da interface do usuário de code-behind para vinculação de dados.
O que você aprende
Ao final deste módulo, você poderá usar a associação de dados para apresentar dados na interface do usuário e transformar dados quando os tipos de interface do usuário e os tipos de dados não corresponderem.
Pré-requisitos
- Visual Studio 2022 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
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.