Используйте стандартные шаблоны Avalonia UI для создания нового проекта с контролами Eremex¶

Самый простой способ создать новый проект Avalonia UI с контролами Eremex - это использовать Шаблоны Eremex Avalonia . В текущем руководстве показано, как использовать стандартные шаблоны Avalonia UI для создания нового проекта с нуля.

1. Установите средства разработки Avalonia UI¶

Убедитесь, что в вашей системе установлены шаблоны Avalonia UI. В следующей статье описано, как установить эти инструменты: Avalonia UI - Get Started.

2. Создайте новый проект¶

Запустите Visual Studio и создайте новый проект desktop Avalonia UI.

gs-02-create-new-avalonia-project-wizard

В мастере создания шаблонов приложений Avalonia выберите библиотеку Community Toolkit, чтобы добавить пакет CommunityToolkit.Mvvm в проект.

gs-02-create-new-avalonia-project-wizard-configure

3. Задайте стартовый проект¶

Созданное решение содержит два проекта - AvaloniaApplication1 и AvaloniaApplication1.Desktop. Убедитесь, что в качестве стартового проекта выбран AvaloniaApplication1.Desktop.

gs-03-setstartupproject

4. Обновите пакеты NuGet для Avalonia UI¶

При необходимости обновите пакеты NuGet Avalonia UI в проектах AvaloniaApplication1 и AvaloniaApplication1.Desktop до версии, поддерживаемой Контролами Eremex для Avalonia UI. Смотрите раздел Системные требования .

gs-04-vs-projectmanager-upgrade-to-latest-version

Если каталог решения содержит файл Directory.Build.props, убедитесь, что он определяет ту же версию Avalonia UI, что и пакеты Avalonia NuGet.

gs-04-directory-build-props

5. Добавьте Контролы Eremex для Avalonia UI в пакеты NuGet.¶

Добавьте пакет Eremex.Avalonia.Controls NuGet в проект AvaloniaApplication1. Кроме того, добавьте пакет Eremex.Avalonia.Themes.DeltaDesign NuGet, который содержит тему отрисовки DeltaDesign для контролов Eremex.

6. Зарегистрируйте тему оформления Eremex¶

Вам необходимо зарегистрировать тему Eremex, чтобы обеспечить корректный рендеринг контролов Eremex. Если тема для Eremex не зарегистрирована, контролы отображаются пустыми.

Убедитесь, что пакет Eremex.Avalonia.Themes.DeltaDesign NuGet добавлен в проект. Он содержит тему DeltaDesign, которую вы можете зарегистрировать следующим образом:

Откройте файл App.axaml в проекте AvaloniaApplication1.
Добавьте следующее пространство имен к объекту приложения:

xmlns:theme="clr-namespace:Eremex.AvaloniaUI.Themes.DeltaDesign;assembly=Eremex.Avalonia.Themes.DeltaDesign"

Включать в себя <theme:DeltaDesignTheme/> в коллекцию Application.Styles.

<Application 
  xmlns="https://github.com/avaloniaui"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  x:Class="DemoCenter.App"
  xmlns:theme="clr-namespace:Eremex.AvaloniaUI.Themes.DeltaDesign;assembly=Eremex.Avalonia.Themes.DeltaDesign"
  RequestedThemeVariant="Light">
  <!-- "Default" - The application's theme variant is defined by the system setting. 
      "Light" - Enables the Light theme variant.
      "Dark" - Enables the Dark theme variant. 
  -->
    <!-- .... -->
    <Application.Styles>
        <theme:DeltaDesignTheme/>
        <!-- .... -->
    </Application.Styles>
</Application>

Выберите светлую или темную тему оформления¶

Свойство Application.RequestedThemeVariant в файле App.axaml определяет выбранный в данный момент вариант оформления (светлый или темный). Установите для этого свойства требуемое значение.

<Application 
    RequestedThemeVariant="Default" ... >
    <!-- "Default" - The application's theme is defined by the system setting. 
         "Light" - Enables the Light theme.
         "Dark" - Enables the Dark theme. 
    -->
</Application>

^* Эта страница была создана автоматически с помощью сервиса машинного перевода Яндекс Переводчик.