Ryujinx/Ryujinx.Ava/UI/Views/User/UserFirmwareAvatarSelector.axaml

<UserControl 
    xmlns="https://github.com/avaloniaui"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:ui="clr-namespace:FluentAvalonia.UI.Controls;assembly=FluentAvalonia"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d" d:DesignWidth="400" d:DesignHeight="350"
    x:Class="Ryujinx.Ava.UI.Views.User.UserFirmwareAvatarSelector"
    Margin="0"
    Padding="0"
    xmlns:locale="clr-namespace:Ryujinx.Ava.Common.Locale"
    xmlns:viewModels="clr-namespace:Ryujinx.Ava.UI.ViewModels"
    xmlns:helpers="clr-namespace:Ryujinx.Ava.UI.Helpers"
    x:CompileBindings="True"
    x:DataType="viewModels:UserFirmwareAvatarSelectorViewModel"
    Focusable="True">
    <Design.DataContext>
        <viewModels:UserFirmwareAvatarSelectorViewModel />
    </Design.DataContext>
	<UserControl.Resources>
		<helpers:BitmapArrayValueConverter x:Key="ByteImage" />
	</UserControl.Resources>
    <Grid 
        Margin="0" 
        HorizontalAlignment="Stretch" 
        VerticalAlignment="Stretch">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <ListBox 
            Grid.Row="1" 
            BorderThickness="0" 
            SelectedIndex="{Binding SelectedIndex}" 
            Height="400"
            Items="{Binding Images}" 
            HorizontalAlignment="Stretch" 
            VerticalAlignment="Center">
            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <WrapPanel 
                        Orientation="Horizontal" 
                        MaxWidth="700" 
                        Margin="0" 
                        HorizontalAlignment="Center" />
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
            <ListBox.Styles>
                <Style Selector="ListBoxItem">
                    <Setter Property="Margin" Value="5" />
                    <Setter Property="CornerRadius" Value="4" />
                </Style>
            </ListBox.Styles>
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Image 
                        Margin="10" 
                        Height="96" 
                        Width="96"
                        Source="{Binding Data, 
                        Converter={StaticResource ByteImage}}" />
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
        <ProgressBar 
            Grid.Row="2" 
            IsIndeterminate="{Binding IsIndeterminate}" 
            IsVisible="{Binding IsVisible}"
            Value="{Binding ImagesLoaded}" 
            HorizontalAlignment="Stretch" Margin="5"
            Maximum="{Binding ImageCount}" 
            Minimum="0" />
        <StackPanel 
            Grid.Row="3" 
            Orientation="Horizontal" 
            Spacing="10" 
            Margin="10" 
            HorizontalAlignment="Center">
            <Button 
                Content="{locale:Locale AvatarChoose}" 
                Width="200" 
                Name="ChooseButton" 
                Click="ChooseButton_OnClick" />
            <ui:ColorPickerButton 
                Color="{Binding BackgroundColor, Mode=TwoWay}" 
                Name="ColorButton" />
            <Button 
                HorizontalAlignment="Right" 
                Content="{locale:Locale Cancel}" 
                Click="CloseButton_OnClick"
                Name="CloseButton"
                Width="200" />
        </StackPanel>
    </Grid>
</UserControl>