Создание нового проекта

На этой странице вы узнаете, как можно создать проект вашего приложения.

JetBrains Rider

Перед началом работы, убедитесь, что у вас установлено расширение Avalonia UI для JetBrains Rider.

к сведению

Подробную информацию об установке расширения Avalonia UI, см. здесь.

После завершения установки расширения, следуйте инструкции ниже:

• В окне Welcome to JetBrains Rider, нажмите New Solution.
• В списке типов проектов найдите и выберите Avalonia .NET Core MVVM App. Он должен быть под секцией Other.
• Оставьте без изменений параметр MVVM Toolkit. По-умолчанию выбран фреймворк ReactiveUI.
• В поле Solution name введите 'Avalonia.MusicStore'.
• Нажмите Create.

Новый проект решения будет включать файлы и папки, как показано ниже:

Потратьте некоторое время на изучения файлов и папок, которые были созданы шаблоном решения. Как вы могли заметить, в соблюдение паттерна MVVM, были созданы следующие папки:

Папка	Описание
Assets	Содержит любые встроенные ресурсы, которые компилируются в программу. Все что требуется для отображения в UI, к примеру Images (рус: изображения), Icons (рус: иконки), Fonts (рус: шрифты) и т.д.
Models	Данная пустая папка предназначена для кода, относящегося к части 'model' паттерна MVVM. Обычно она содержит все, что не является частью UI. К примеру, работа с базой данных, Web API или взаимодействие с устройствами.
View Models	Данная папка предназначена для всех view models проекта, и она уже включает готовый пример. Согласно паттерну MVVM, View models содержат логику приложения. К примеру: кнопка доступна только тогда, когда пользователь ввел данные; открытие диалогового окна при нажатии; отображение ошибки, когда пользователь вводит некорректное значение.
Views	Данная папка предназначена для всех views проекта, и она уже содержит view для основного окна приложения. Согласно паттерну MVVM, views содержат только визуальные части приложения, такие как разметка, шрифты, цвета, иконки и изображения. По MVVM, views должны содержать код только для взаимодействия со слоем view model. В Avalonia UI, во view вы должны управлять обычными и диалоговыми окнами.

к сведению

Подробнее о паттерне MVVM, см. здесь.

Шаблон решения создал достаточное файлов для запуска приложения. Вы изучите их все далее в руководстве.

Запуск проекта

Нажмите кнопку debug в правом верхнем углу IDE, чтобы собрать и запустить проект.

Появится окно следующего вида:

Пусть и упрощенно, но теперь у вас есть запущенное приложение и чистый холст для начала разработки. На следующей страницу вы узнаете, как добавить современный темный фон с акриловым размытием.