Introdução
A associação de dados permite que você declare relações entre seus dados e os controles de interface do usuário. Eles permanecem em sincronia automaticamente quando um dos elementos é alterado. As associações de dados podem acelerar a leitura do código, facilitar sua manutenção e torná-lo mais testável.
A associação de dados oferece uma maneira de acoplar sua interface do usuário diretamente aos dados, em vez de associar sua interface do usuário ao código no code-behind da interface do usuário. Quando a interface do usuário está associada aos dados, ela se atualiza automaticamente quando os dados são alterados, mantendo-se em sincronia com eles. Por outro lado, se o usuário interagir com a interface, os dados permanecerão sincronizados com a interface.
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. Conforme 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 estão intimamente acoplados por meio da interface do usuário do XAML e do arquivo code-behind do 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 após o lançamento do seu aplicativo, o serviço meteorológico que você usa anuncia que será descontinuado. Antecipando isso, você começa a procurar um serviço de substituição. Dos serviços que você avaliou, você percebe que todos eles recebem e fornecem dados de maneiras diferentes. Como a interface do usuário usa eventos code-behind para interagir 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, passando dos eventos de code-behind para a associação de dados. Dessa forma, se uma alteração de serviço acontecer novamente, você minimizou o impacto no 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 associada a dados, e mostra como usar a associação de dados para atualizar a interface do usuário em vez do code-behind. Usando um aplicativo de previsão do tempo de exemplo, você converterá as atualizações da interface do usuário de code-behind para associação de dados.
O que você aprenderá
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 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
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.