Inleiding
Met gegevensbinding kunt u relaties tussen uw gegevens en de besturingselementen van uw gebruikersinterface (UI) declareren. Ze blijven automatisch gesynchroniseerd wanneer een van de elementen wordt gewijzigd. Met gegevensbindingen kunt u uw code sneller lezen, gemakkelijker te onderhouden en testbaarer maken.
Gegevensbinding biedt een manier om uw gebruikersinterface rechtstreeks aan gegevens te koppelen in plaats van uw gebruikersinterface te koppelen aan code in de code-behind van de gebruikersinterface. Wanneer de gebruikersinterface is gebonden aan gegevens, wordt de gebruikersinterface automatisch bijgewerkt wanneer de gegevens worden gewijzigd en gesynchroniseerd blijven met de gegevens. Andersom, als de gebruiker communiceert met de gebruikersinterface, worden de gegevens gesynchroniseerd met de gebruikersinterface.
Voorbeeldscenario
Stel dat u werkt aan een app die gebruikers weerinformatie geeft voor een geselecteerde regio of adres. Wanneer de gebruiker een locatie invoert, laadt de app de weersvoorspellingsgegevens van een externe weerservice en werkt de gebruikersinterface bij. De gebruikersinterface en de weerservicegegevens zijn nauw gekoppeld via de XAML-gebruikersinterface en het XAML-code-behind-bestand. De weerservice is al geabstraheerd naar een eigen klasse, maar uw gebruikersinterface is sterk afhankelijk van de code-achter om die gegevens aan de gebruikersinterface te presenteren.
Enige tijd nadat uw app is uitgebracht, kondigt de weerservice die u gebruikt aan dat ze worden afgesloten. Vooruitlopend op dit, begint u met het zoeken naar een vervangende service. Van de services die u hebt geëvalueerd, ziet u dat ze allemaal op verschillende manieren gegevens invoeren en uitvoeren. Omdat uw gebruikersinterface code-behind-gebeurtenissen gebruikt voor interactie met de service, kan uw gebruikersinterface-ervaring worden beïnvloed door deze wijziging.
Het is handig om te wijzigen hoe de gebruikersinterface de weerupdates synchroniseert, van gebeurtenissen achter code naar gegevensbinding. Als er opnieuw een servicewijziging plaatsvindt, hebt u de impact op uw code geminimaliseerd.
Wat gaat u doen?
In deze module ziet u de verschillen tussen een gebruikersinterface op basis van code en een gegevensgebonden gebruikersinterface en ziet u hoe u gegevensbinding gebruikt om de gebruikersinterface bij te werken in plaats van codeachter. Met behulp van een voorbeeld van een weer-app converteert u UI-updates van code-behind naar gegevensbinding.
Wat leert u?
Aan het einde van deze module kunt u gegevensbinding gebruiken om gegevens in de gebruikersinterface weer te geven en gegevens transformeren wanneer de gebruikersinterfacetypen en gegevenstypen niet overeenkomen.
Vereisten
- Visual Studio 2022 waarop de .NETLOAD-workload is geïnstalleerd
- Optioneel: Visual Studio Code met de .NETLOAD-extensie en .NET SDK waarop de .NETLOAD-workload is geïnstalleerd
Vereisten voor .NET MAUI-ontwikkeling
Als u .NET MAUI-apps wilt maken met .NET 9, moet u Visual Studio versie 17.12 of hoger installeren met de volgende workload geïnstalleerd:
- .NET Multi-Platform App UI-ontwikkeling
Bovendien moet u de workload ASP.NET en webontwikkeling installeren als u .NETLOAD Blazor-apps wilt bouwen.
Raadpleeg de documentatie voor een overzicht van de installatie.
Ontwikkelen met Visual Studio Code
Als u ontwikkelt op macOS of Linux, moet u Visual Studio Code en de .NET-EXTENSIE installeren, samen met de .NET SDK en .NETLOAD Workload. Raadpleeg de documentatie voor een overzicht van de installatie.