Shaker/Avalonia/ShakerApp/Views/Setting/ShakerSettingView.axaml

<UserControl
    x:Class="ShakerApp.Views.ShakerSettingView"
    xmlns="https://github.com/avaloniaui"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="using:ShakerApp"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:suki="https://github.com/kikipoulet/SukiUI"
    xmlns:vm="using:ShakerApp.ViewModels"
    d:DesignHeight="450"
    d:DesignWidth="800"
    x:DataType="vm:ShakerSettingViewModel"
    DataContext="{Binding Source={x:Static vm:ShakerSettingViewModel.Instance}}"
    mc:Ignorable="d">
    <suki:SukiSideMenu IsSearchEnabled="False" ItemsSource="{Binding Pages, Converter={StaticResource Type2ViewConverter}, ConverterParameter='1'}">
        <suki:SukiSideMenu.Styles>
            <Style Selector="Image.AppIcon">
                <Setter Property="Transitions">
                    <Transitions>
                        <DoubleTransition Property="Opacity" Duration="0.1" />
                    </Transitions>
                </Setter>
                <Style Selector="^:pointerover">
                    <Setter Property="Opacity" Value="0.5" />
                </Style>
            </Style>
        </suki:SukiSideMenu.Styles>
        <suki:SukiSideMenu.ItemTemplate>
            <DataTemplate>
                <suki:SukiSideMenuItem
                    Classes="Compact"
                    DataContext="{Binding $self.Content}"
                    Header="{local:ResourceBinding DisplayName}">
                    <suki:SukiSideMenuItem.Icon>
                        <Viewbox Stretch="Fill">
                            <Path Data="{Binding Icon}" Fill="Black" />
                        </Viewbox>
                    </suki:SukiSideMenuItem.Icon>
                </suki:SukiSideMenuItem>
            </DataTemplate>
        </suki:SukiSideMenu.ItemTemplate>
    </suki:SukiSideMenu>
</UserControl>