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

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

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

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

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

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

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

3. Установка стартового проекта¶

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

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

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

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

5. Добавление NuGet-пакетов Eremex Avalonia UI Controls¶

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

6. Регистрация визуальной темы Eremex¶

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

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

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

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>

^* Эта страница переведена с использованием технологий машинного перевода.