Самый простой способ начать работу с Avalonia из Visual Studio — установить расширение из Visual Studio Marketplace (Для версии VS2022). После его установки вы можете создать приложение Avalonia MVVM:
Давайте сначала создадим представление для отображения списка элементов TODO вместе с кнопкой для добавления нового элемента.
Поскольку это первое руководство, мы собираемся сначала просто заполнить представление некоторыми жестко запрограммированными данными. В последующих шагах мы будем использовать шаблон MVVM для заполнения этого представления.
Теперь, когда у нас есть основное представление на экране, давайте подумаем, как мы могли бы отобразить в нем реальные данные из базы данных или чего-то подобного. Самый очевидный и традиционный способ сделать это — загрузить данные в конструктор представления и создать CheckBox для каждого элемента TODO в коде. Однако такой способ имеет несколько недостатков:
Теперь, когда мы настроили модели представлений, нам нужно заставить наши представления использовать эти модели представлений. Мы делаем это, используя функцию привязки данных Avalonia.
Когда мы изначально создавали TodoListView, мы добавили кнопку «Добавить элемент». Пришло время заставить эту кнопку что-то делать. При нажатии кнопки мы хотим заменить список элементов новым представлением, которое позволит пользователю ввести описание нового элемента.