Введение
Привязка данных позволяет объявлять связи между данными и элементами управления пользовательского интерфейса. Они автоматически синхронизируются при изменении любого из элементов. Привязки данных позволяют упростить чтение кода, его обслуживание и тестирование.
Привязка данных позволяет напрямую связывать пользовательский интерфейс с данными вместо связывания пользовательского интерфейса с кодом в коде пользовательского интерфейса. При привязке пользовательского интерфейса к данным пользовательский интерфейс автоматически обновляется при изменении данных, сохраняя синхронизацию с данными. Напротив, если пользователь взаимодействует с пользовательским интерфейсом, данные хранятся в синхронизации с пользовательским интерфейсом.
Пример сценария
Представьте, что вы работаете над приложением, которое предоставляет пользователям информацию о погоде для выбранного региона или адреса. Когда пользователь вводит расположение, приложение загружает данные прогноза погоды из внешней службы погоды и обновляет пользовательский интерфейс. Пользовательский интерфейс и данные службы погоды тесно связаны с помощью пользовательского интерфейса XAML и файла кода XAML. Служба погоды уже абстрагируется в свой собственный класс, но пользовательский интерфейс сильно зависит от кода, чтобы представить эти данные в пользовательском интерфейсе.
Через некоторое время после выпуска приложения служба погоды, которую вы используете, объявляет о завершении работы. Ожидая этого, вы начнете искать службу замены. Из служб, которые вы оценили, вы заметите, что все входные и выходные данные отличаются различными способами. Так как пользовательский интерфейс использует события программной части для взаимодействия со службой, интерфейс пользовательского интерфейса может повлиять на это изменение.
Было бы полезно изменить способ синхронизации обновлений погоды пользовательского интерфейса с событий программной части с привязкой данных. Таким образом, если изменение службы повторится, вы свести к минимуму влияние на код.
Ваши действия
В этом модуле показаны различия между пользовательским интерфейсом на основе кода и пользовательским интерфейсом, привязанным к данным, и показано, как использовать привязку данных для обновления пользовательского интерфейса вместо кода позади. С помощью примера приложения погоды вы преобразуете обновления пользовательского интерфейса из кода в привязку данных.
Что вы узнаете
К концу этого модуля вы можете использовать привязку данных для представления данных в пользовательском интерфейсе, а также преобразовать данные, если типы и типы данных не совпадают.
Необходимые компоненты
- Visual Studio 2022 с установленной рабочей нагрузкой .NET MAUI.
- Необязательно. Visual Studio Code с расширением MAUI .NET и пакетом SDK для .NET с установленной рабочей нагрузкой .NET MAUI
Требования для разработки в .NET MAUI
Чтобы создать приложения .NET MAUI с помощью .NET 9, необходимо установить Visual Studio версии 17.12 или более поздней с установленной следующей рабочей нагрузкой:
- разработка пользовательского интерфейса для многоплатформенного приложения .NET
Кроме того, если вы хотите создавать приложения .NET MAUI Blazor, нужно установить еще ASP.NET и рабочую нагрузку веб-разработки.
Ознакомьтесь с документацией по пошаговые инструкции по настройке.
Разработка с помощью Visual Studio Code
Если вы разрабатываетесь в macOS или Linux, необходимо установить Visual Studio Code и расширение .NET MAUI вместе с пакетом SDK для .NET и рабочей нагрузкой .NET MAUI. Ознакомьтесь с документацией по пошаговые инструкции по настройке.