Создание нового проекта
На этой странице вы узнаете, как можно создать проект для приложения "To Do List". Есть 2 варианта:
-
Visual Studio Extension Template: Если вы предпочитаете использовать Visual Studio, то следуйте инструкции, представленной ниже.
-
.NET Core CLI Command: Если вы предпочитаете использовать командную строку, то вы можете использовать команды .NET Core CLI, как показано ниже.
Visual Studio
Перед началом работы, убедитесь, что у вас установлено расширение Avalonia UI для Visual Studio.
Подробную информацию об установке расширения Avalonia UI, см. здесь.
После завершения установки расширения, следуйте инструкции ниже:
- Запустите Microsoft Visual Studio
- Нажмите Create a new project
- В поле Search for Templates, введите 'Avalonia'
- Нажмите Avalonia MVVM Application
- Нажмите Next
- В поле Project name, укахиже 'ToDoList' как имя проекта и нажмите Create
Созданное решение будет иметь следующий вид:
.NET Core CLI
Перед началом работы, убедитесь, что у вас установлено шаблоны Avalonia UI для .NET Core.
Подробную информацию об установке шаблонов Avalonia UI, см. здесь.
После установки шаблонов, вы можете создать приложение на их основе:
dotnet new avalonia.mvvm -o ToDoList -n ToDoList
Созданный проект будет иметь следующий вид:
ToDoList
|- Assets
| |- avalonia-logo.ico
|- Models
|- ViewModels
| |- MainWindowViewModel.cs
| |- ViewModelBase.cs
|- Views
| |- MainWindow.axaml
| | |- MainWindow.axaml.cs
|- App.axaml
| |- App.axaml.cs
|- app.manifest
|- Program.cs
|- ViewLocator.cs
|- ToDoList.csproj
Структура проекта с паттерном MVVM
Данный раздел является общим для Visual Studio и CLI.
Как вы могли заметить, каждая концепция паттерна MVVM (models, views, и view models) имеет собственные папки, а также некоторые дополнительные файлы и папки.
- Папка
/Assets
содержит бинарные ассеты для вашего приложения. Размешенные в ней файлы, будут автоматически включены в приложение в виде ресурсов. - Папка
/Models
пока пуста, в дальнейшем, следуя руководству, вы добавите сюда файл. - Папка
/ViewModels
содержит базовый класс дляview models
и view model по-умочанию для основного окна приложения. - Папка
/Views
содержит AXAML-файл основного окна. Позже, вы добавите в нее дополнительные файлы. - Файл
App.axaml
используется для XAML стилей и шаблонов данных, которые применяются на все приложение. В данном руководстве вы не будете менять данный файл. - Файл
Program.cs
является точкой входа при запуске приложения. В нем вы можете настроить дополнительные параметры платформы для Avalonia UI. В данном руководстве вы не будете менять данный файл. - Файл
ViewLocator.cs
определяет вспомогательный класс, который используется в файлеApp.axaml
. Его значение будет объяснено позже, в рамках руководства.
Файлы AXAML
Для собственных XAML-файлов, Avalonia UI использует расширение .axaml
.
Они создаются с помощью Visual Studio и более поздних версий шаблонов .NET Core CLI.
Если вы ранее использовали более старые шаблоны .NET Core CLI, то расширение файлом может быть .xaml
.
Подробнее об Avalonia UI XAML, см. здесь.