Материальные иконки не отображались в моем проекте Avalonia.

Вопрос или проблема

<Window xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:vm="using:SharpDesktop.ViewModels"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:materialIcons="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia"
        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
        x:Class="SharpDesktop.Views.MainWindow"
        x:DataType="vm:MainWindowViewModel"
        Icon="/Assets/avalonia-logo.ico"
        Title="SharpDesktop"
        WindowStartupLocation="CenterScreen"
        ExtendClientAreaToDecorationsHint="True"
        ExtendClientAreaChromeHints="NoChrome"
        ExtendClientAreaTitleBarHeightHint="-1">

    <Design.DataContext>
        <!-- Это только задает DataContext для предварительного просмотра в IDE,
             чтобы установить фактический DataContext во время выполнения, установите свойство DataContext в коде (см. App.axaml.cs) -->
        <vm:MainWindowViewModel/>
    </Design.DataContext>

    <!-- содержимое области -->
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!-- Заголовок -->
        <Border Grid.Row="0"
            Height="60"
            Background="Pink"
            x:Name="TitleBar"
            Padding="16"
            >
            <DockPanel LastChildFill="False">
                <DockPanel Dock="Right">
                    <StackPanel Orientation="Horizontal">
                        <Button>
                            <materialIcons:MaterialIcon Kind="ExitRun"/>
                        </Button>
                    </StackPanel>
                </DockPanel>
            </DockPanel>
        </Border>

        <!-- содержимое области -->
        <Border Grid.Row="1">
            
        </Border>
    </Grid>

</Window>

<Application xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             x:Class="SharpDesktop.App"
             xmlns:local="using:SharpDesktop"
             xmlns:themes="clr-namespace:Material.Styles.Themes;assembly=Material.Styles"
             xmlns:dialogHost="clr-namespace:DialogHostAvalonia;assembly=DialogHost.Avalonia"
             xmlns:materialIcons="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia"
             RequestedThemeVariant="Default">
    <!-- "Default" ThemeVariant следует за системным вариантом темы. "Dark" или "Light" - это другие доступные варианты. -->

    <Application.DataTemplates>
        <local:ViewLocator/>
    </Application.DataTemplates>

    <Application.Styles>
        <themes:MaterialTheme BaseTheme="Dark" PrimaryColor="Purple" SecondaryColor="Lime"/>
        <materialIcons:MaterialIconStyles/>
        <materialIcons:MaterialIconExt/>
    </Application.Styles>
</Application>

Ответ или решение

Проблема с отображением Material Icons в проекте Avalonia

Введение

В процессе разработки приложения с использованием фреймворка Avalonia, интеграция и отображение иконок Material Icons может вызывать затруднения. В данном случае, вы столкнулись с ситуацией, когда добавление пакета Material.Icons.Avalonia не привело к требуемому результату — иконки не отображаются на кнопке. В следующем ответе будут предложены возможные причины данной проблемы и рекомендации по её решению.

Проверка кода XAML

Первое, что нужно проверить, это корректность вашего XAML-кода. Ваш текущий код отображает иконку следующим образом:

<Button>
    <materialIcons:MaterialIcon Kind="ExitRun"/>
</Button>

Подобный подход должен работать, если всё остальное настроено верно. Убедитесь, что вы используете правильный Kind для иконки. В Material.Icons.Avalonia иконки могут иметь описание, отличное от ожидаемого. Проверьте документацию пакета на наличие актуальных имен для иконок.

Проверка пакета NuGet

Вы упомянули, что пакет Material.Icons.Avalonia установлен без ошибок. Убедитесь, что версия пакета соответствует требованиям вашего проекта. Попробуйте обновить пакет через NuGet до последней стабильной версии. Вы также можете проверить, установлены ли другие зависимости, которые могут быть необходимы для корректной работы иконок.

Настройка стилей и ресурсов

В коде вашего приложения (файл App.axaml) использованы следующие ресурсы:

<Application.Styles>
    <themes:MaterialTheme BaseTheme="Dark" PrimaryColor="Purple" SecondaryColor="Lime"/>
    <materialIcons:MaterialIconStyles/>
    <materialIcons:MaterialIconExt/>
</Application.Styles>

Проверьте, были ли добавлены необходимые стили для иконок. Убедитесь, что MaterialIconStyles и MaterialIconExt загружены правильно. Эти ресурсы необходимы для отрисовки иконок в рамках стиля приложения.

Проверка конфигурации

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

• Приложение должно иметь соответствующие права доступа к ресурсам.
• Убедитесь, что проект правильно настроен для использования .NET, поддерживаемого пакетом Material.Icons.Avalonia.
• Проверьте, нет ли ошибок в выводе консоли вашей IDE, связанных с загрузкой ресурсов.

Устранение проблем с кэшем

В некоторых случаях проблема может заключаться в кэше сборки. Попробуйте очистить кэш NuGet и пересобрать проект:

1. В меню Tools → NuGet Package Manager → Package Manager Console введите команду:

   nuget locals all -clear

2. После чего выполните Rebuild Solution в вашей IDE.

Альтернативные способы отображения иконок

Если иконка всё ещё не отображается, можно попробовать альтернативные подходы:

• С использованием изображения иконки напрямую, если доступ к нему возможен.
• Проверьте с помощью другого элемента управления, например, используйте ContentControl для отображения иконки, что позволит проще контролировать отображение.

Заключение

Если, следуя всем предложенным рекомендациям, проблема с отображением иконки не решилась, рекомендую обратиться на форум поддержки Avalonia либо в репозиторий GitHub проекта Material.Icons.Avalonia для более детального разбора конкретной ситуации. Сообщество и разработчики могут помочь вам выявить потенциальную проблему в конфигурации вашей среды разработки или в самом пакете.

Таким образом, проблема может быть разрешена с помощью комплексного анализа кода, настройки стилей и ресурсов, очистки кэша и обращения к сообществу.