Indførelsen

Fuldført

Med databinding kan du deklarere relationer mellem dine data og kontrolelementerne i brugergrænsefladen. De forbliver automatisk synkroniseret, når et af elementerne ændres. Databindinger kan gøre din kode hurtigere at læse, nemmere at vedligeholde og mere testbar.

Databinding giver dig mulighed for at koble brugergrænsefladen direkte til data i stedet for at knytte din brugergrænseflade til kode i brugergrænsefladens bagkode. Når brugergrænsefladen er bundet til data, opdateres brugergrænsefladen automatisk, når dataene ændres, og forbliver synkroniseret med dataene. Omvendt, hvis brugeren interagerer med brugergrænsefladen, forbliver dataene synkroniseret med brugergrænsefladen.

Eksempelscenarie

Forestil dig, at du arbejder på en app, der giver brugerne vejroplysninger for et valgt område eller en valgt adresse. Når brugeren angiver en placering, indlæser appen vejrudsigtsdata fra en ekstern vejrtjeneste og opdaterer brugergrænsefladen. Brugergrænsefladen og vejrtjenestens data er tæt forbundet via XAML-brugergrænsefladen og XAML-kodefilen. Vejrtjenesten er allerede udtrukket til sin egen klasse, men din brugergrænseflade er meget afhængig af koden for at præsentere disse data for brugergrænsefladen.

Et stykke tid efter, at din app er udgivet, meddeler den vejrtjeneste, du bruger, at de lukker ned. Hvis du forventer dette, begynder du at søge efter en erstatningstjeneste. Af de tjenester, du har evalueret, kan du se, at de alle input- og outputdata på forskellige måder. Da din brugergrænseflade bruger hændelser bag kode til interaktion med tjenesten, kan din brugergrænsefladeoplevelse blive påvirket af denne ændring.

Det ville være nyttigt at ændre, hvordan brugergrænsefladen synkroniserer vejropdateringerne, fra koderelaterede hændelser til databinding. På denne måde har du minimeret indvirkningen på din kode, hvis en tjenesteændring sker igen.

Hvad du vil gøre

Dette modul viser forskellene mellem en kodebaseret brugergrænseflade og en databundet brugergrænseflade og viser dig, hvordan du bruger databinding til at opdatere brugergrænsefladen i stedet for bagkode. Ved hjælp af en eksempelapp til vejr kan du konvertere opdateringer af brugergrænsefladen fra kode bag ved til databinding.

Det lærer du

I slutningen af dette modul kan du bruge databinding til at præsentere data i brugergrænsefladen og transformere data, når brugergrænsefladetyperne og datatyperne ikke stemmer overens.

Forudsætninger

  • Visual Studio 2026 med .NET MAUI-arbejdsbelastningen installeret
  • Valgfrit: Visual Studio Code med .NET MAUI-udvidelsen og .NET SDK med .NET MAUI-arbejdsbelastningen installeret

Krav til .NET MAUI-udvikling

Hvis du vil oprette .NET MAUI-apps med .NET 9, skal du installere Visual Studio version 17.12 eller nyere, hvor følgende arbejdsbelastning er installeret:

  • Udvikling af .NET Multi-Platform App UI

Hvis du vil bygge .NET MAUI Blazor-apps, skal du desuden installere arbejdsbelastningen for ASP.NET og webudvikling.

Se dokumentationen til for at få en gennemgang af konfigurationen.

Udvikling med Visual Studio Code

Hvis du udvikler på macOS eller Linux, skal du installere Visual Studio Code- og .NET MAUI-udvidelsen sammen med .NET SDK- og .NET MAUI-arbejdsbelastning. Se dokumentationen til for at få en gennemgang af konfigurationen.