Présentation

Effectué

Les liaisons de données vous permettent de déclarer des relations entre vos données et vos contrôles d’interface utilisateur (UI). Elles restent automatiquement synchronisées quand l’un des éléments change. Les liaisons de données peuvent faciliter la lecture de votre code, simplifier sa gestion et le rendre plus facile à tester.

La liaison de données permet de relier directement votre interface utilisateur aux données au lieu d’associer votre interface utilisateur à du code dans le code-behind de l’interface utilisateur. Lorsque l’interface utilisateur est liée aux données, l’interface utilisateur se met automatiquement à jour lorsque les données changent, ce qui lui permet de rester synchronisée avec les données. Inversement, si l’utilisateur interagit avec l’interface utilisateur, les données sont synchronisées avec l’interface utilisateur.

Exemple de scénario

Imaginez que vous travaillez sur une application qui présente aux utilisateurs des informations météorologiques pour une région ou une adresse sélectionnée. Lorsque l’utilisateur entre un emplacement, l’application charge les données de prévision météorologique à partir d’un service météorologique externe et met à jour l’interface utilisateur. L’interface utilisateur et les données du service météorologique sont étroitement couplées via l’interface utilisateur XAML et le fichier code-behind XAML. Le service météorologique est déjà abstrait à sa propre classe, mais votre interface utilisateur s’appuie fortement sur le code-behind pour présenter ces données à l’interface utilisateur.

Un certain temps après la publication de votre application, le service météorologique que vous utilisez annonce qu’il va cesser ses activités. En préparation, vous commencez à rechercher un service de remplacement. Parmi les services que vous avez évalués, vous remarquez qu’ils génèrent toutes les données d’entrée et de sortie de différentes manières. Étant donné que votre interface utilisateur utilise des événements code-behind pour l’interaction avec le service, votre expérience d’interface utilisateur peut être affectée par cette modification.

Il serait utile de modifier la façon dont l’interface utilisateur est synchronisée avec les mises à jour météorologiques, des événements code-behind à une liaison de données. De cette façon, si une modification de service se produit à nouveau, vous avez réduit l’impact sur votre code.

Ce que vous allez faire

Ce module montre les différences entre une interface utilisateur basée sur le code et une interface utilisateur liée aux données et vous montre comment utiliser une liaison de données pour mettre à jour l’interface utilisateur au lieu du code-behind. À l’aide d’un exemple d’application météorologique, vous allez convertir les mises à jour de l’interface utilisateur du code-behind en liaison de données.

Qu’avez-vous appris

À la fin de ce module, vous savez comment utiliser une liaison de données pour présenter des données dans l’interface utilisateur et transformer des données lorsque les types d’interface utilisateur et les types de données ne correspondent pas.