Wprowadzenie
Powiązanie danych umożliwia deklarowanie relacji między danymi a kontrolkami interfejsu użytkownika. Są one automatycznie synchronizowane, gdy którykolwiek element ulegnie zmianie. Powiązania danych mogą przyspieszyć odczytywanie kodu, łatwiejsze w obsłudze i bardziej testowalne.
Powiązanie danych umożliwia bezpośrednie sprzężenie interfejsu użytkownika z danymi zamiast kojarzenia interfejsu użytkownika z kodem w plikach zaplecza interfejsu użytkownika. Gdy interfejs użytkownika jest powiązany z danymi, interfejs użytkownika jest automatycznie aktualizowany po zmianie danych, pozostając zsynchronizowany z danymi. Z drugiej strony, jeśli użytkownik wchodzi w interakcję z interfejsem użytkownika, dane pozostają zsynchronizowane z interfejsem użytkownika.
Przykładowy scenariusz
Wyobraź sobie, że pracujesz nad aplikacją, która przedstawia użytkownikom informacje o pogodzie dla wybranego regionu lub adresu. Gdy użytkownik wprowadza lokalizację, aplikacja ładuje dane prognozy pogody z zewnętrznej usługi pogodowej i aktualizuje interfejs użytkownika. Interfejs użytkownika i dane usługi pogodowej są ściśle powiązane za pośrednictwem interfejsu użytkownika XAML i pliku kodu XAML. Usługa pogodowa jest już abstrakcyjna dla własnej klasy, ale interfejs użytkownika w dużym stopniu opiera się na kodzie, aby przedstawić te dane interfejsowi użytkownika.
Jakiś czas po wydaniu aplikacji usługa pogodowa, której używasz, informuje o ich zamknięciu. Anticipując to, zaczynasz szukać usługi zastępczej. Spośród ocenianych usług zauważysz, że wszystkie dane wejściowe i wyjściowe są różne. Ze względu na to, że Twój interfejs użytkownika używa zdarzeń obsługiwanych przez kod do interakcji z usługą, zmiana ta może wpłynąć na doświadczenie użytkownika interfejsu.
Warto zmienić sposób, w jaki interfejs użytkownika synchronizuje aktualizacje pogody, z używania zdarzeń 'code-behind' na powiązanie danych. W ten sposób, jeśli zmiana usługi nastąpi ponownie, zminimalizowano wpływ na kod.
Co zrobisz
W tym module przedstawiono różnice między interfejsem użytkownika opartym na kodzie i interfejsem użytkownika powiązanym z danymi oraz pokazano, jak używać powiązania danych w celu zaktualizowania interfejsu użytkownika zamiast kodu. Korzystając z przykładowej aplikacji pogodowej, przekonwertujesz aktualizacje interfejsu użytkownika z kodu w tle na powiązanie danych.
Czego się nauczysz
Po ukończeniu tego modułu będzie można używać powiązania danych do prezentowania danych w interfejsie użytkownika i przekształcania danych, gdy typy interfejsu użytkownika i typy danych nie są zgodne.
Wymagania wstępne
- Program Visual Studio 2026 z zainstalowanym obciążeniem .NET MAUI
- Opcjonalnie: program Visual Studio Code z rozszerzeniem .NET MAUI oraz zestaw .NET SDK z obciążeniem .NET MAUI zainstalowanym.
Wymagania dotyczące programowania w programie .NET MAUI
Aby utworzyć aplikacje .NET MAUI na platformie .NET 9, należy zainstalować program Visual Studio w wersji 17.12 lub nowszej z zainstalowanym następującym obciążeniem:
- Programowanie interfejsu użytkownika aplikacji wieloplatformowych platformy .NET
Ponadto jeśli chcesz utworzyć aplikacje platformy .NET MAUI Blazor, musisz zainstalować pakiet roboczy ASP.NET i tworzenie aplikacji internetowych.
Zobacz dokumentację dla instrukcji konfiguracji.
Programowanie za pomocą programu Visual Studio Code
Jeśli programujesz w systemie macOS lub Linux, musisz zainstalować program Visual Studio Code i rozszerzenie .NET MAUI wraz z zestawem .NET SDK i obciążeniem .NET MAUI. Zobacz dokumentację dla instrukcji konfiguracji.