Introduktion
Med databindning kan du deklarera relationer mellan dina data och användargränssnittskontroller (UI). De förblir automatiskt synkroniserade när något av elementen ändras. Databindningar kan göra koden snabbare att läsa, enklare att underhålla och mer testbar.
Databindning erbjuder ett sätt att koppla användargränssnittet direkt till data i stället för att associera användargränssnittet med kod i användargränssnittets kod bakom. När användargränssnittet är bundet till data uppdateras användargränssnittet automatiskt när data ändras och håller sig synkroniserade med data. Tvärtom Om användaren interagerar med användargränssnittet hålls data synkroniserade med användargränssnittet.
Exempelscenario
Anta att du arbetar med en app som ger användarna väderinformation för en vald region eller adress. När användaren anger en plats läser appen in väderprognosdata från en extern vädertjänst och uppdaterar användargränssnittet. Användargränssnittet och vädertjänstens data är nära kopplade via XAML-användargränssnittet och XAML-kod bakom-filen. Vädertjänsten är redan abstrakt till sin egen klass, men användargränssnittet är starkt beroende av koden bakom för att presentera dessa data för användargränssnittet.
En tid efter att appen har släppts meddelar vädertjänsten som du använder att de kommer att stängas av. I väntan på detta börjar du leta efter en ersättningstjänst. Av de tjänster som du har utvärderat ser du att de alla indata och utdata på olika sätt. Eftersom användargränssnittet använder kod bakom händelser för interaktion med tjänsten kan användargränssnittsupplevelsen påverkas av den här ändringen.
Det skulle vara användbart att ändra hur användargränssnittet synkroniserar väderuppdateringarna, från kod bakom händelser till databindning. På så sätt har du minimerat påverkan på koden om en tjänständring sker igen.
Vad ska du göra?
Den här modulen visar skillnaderna mellan ett kodbaserat användargränssnitt och ett databundet användargränssnitt och visar hur du använder databindning för att uppdatera användargränssnittet i stället för bakomliggande kod. Med hjälp av en exempelapp för väder konverterar du uppdateringar av användargränssnittet från kod bakom till databindning.
Vad lär du dig?
I slutet av den här modulen kan du använda databindning för att presentera data i användargränssnittet och transformera data när användargränssnittstyperna och datatyperna inte matchar.
Förutsättningar
- Visual Studio 2022 med .NET MAUI-arbetsbelastningen installerad
- Valfritt: Visual Studio Code med .NET MAUI-tillägget och .NET SDK med .NET MAUI-arbetsbelastningen installerad
Krav för .NET MAUI-utveckling
Om du vill skapa .NET MAUI-appar med .NET 9 måste du installera Visual Studio version 17.12 eller senare med följande arbetsbelastning installerad:
- .NET Multi-Platform App UI-utveckling
Om du vill skapa .NET MAUI Blazor-appar måste du dessutom installera arbetsbelastningen ASP.NET och webbutveckling.
Se dokumentationen för en genomgång av konfigurationen.
Utveckling med Visual Studio Code
Om du utvecklar på macOS eller Linux måste du installera Visual Studio Code och .NET MAUI-tillägget tillsammans med .NET SDK och .NET MAUI-arbetsbelastningen. Se dokumentationen för en genomgång av konfigurationen.