oap_labs/MainWindow.xaml

<Window x:Class="WpfAppA.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfAppA"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="850">
    <Window.Resources>
        <Style 
        x:Key="StackStyle" 
        TargetType="ListBox"
    >
            <Setter 
            Property="ItemsPanel"
        >
                <Setter.Value>
                    <ItemsPanelTemplate>
                        <StackPanel 
                        Orientation="Vertical"/>
                    </ItemsPanelTemplate>
                </Setter.Value>
            </Setter>

            <Setter 
            Property="ItemTemplate"
        >
                <Setter.Value>
                    <DataTemplate>
                        <Border 
                        BorderThickness="2" 
                        BorderBrush="DarkRed" 
                        CornerRadius="4" 
                        Margin="4"
                    >
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="64"/>
                                    <ColumnDefinition Width="*"/>
                                    <ColumnDefinition Width="auto"/>
                                </Grid.ColumnDefinitions>

                                <Image 
                                Width="64" 
                                Height="64" 
                                Source="{Binding ImageBitmap}"/>

                                <StackPanel 
                                Grid.Column="1"  
                                Orientation="Vertical" 
                                Margin="5,2,0,5"
                            >
                                    <TextBlock Text="{Binding name}"/>
                                    <TextBlock Text="{Binding surname}"/>
                                </StackPanel>

                                <TextBlock 
                                Grid.Column="2"  
                                Text="{Binding age}" 
                                Margin="0,2,10,0"/>
                            </Grid>
                        </Border>
                    </DataTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style 
        x:Key="WrapStyle" 
        TargetType="ListBox"
    >
            <Setter 
            Property="ItemsPanel"
        >
                <Setter.Value>
                    <ItemsPanelTemplate>
                        <WrapPanel 
                        HorizontalAlignment="Center"
                        ItemWidth="200"/>
                    </ItemsPanelTemplate>
                </Setter.Value>
            </Setter>

            <Setter 
            Property="ItemTemplate"
        >
                <Setter.Value>
                    <DataTemplate>
                        <Border 
                        BorderThickness="1" 
                        BorderBrush="Black" 
                        CornerRadius="5" 
                        Margin="5"
                    >
                            <StackPanel 
                            Orientation="Vertical"
                        >
                                <Image 
                                Width="200" 
                                Source="{Binding ImageBitmap}"/>
                                <TextBlock 
                                Text="{Binding name}"
                                HorizontalAlignment="Center"/>
                                <TextBlock 
                                Text="{Binding surname}"
                                HorizontalAlignment="Center"/>
                                <TextBlock 
                                Text="{Binding age}"
                                HorizontalAlignment="Center"/>
                            </StackPanel>
                        </Border>
                    </DataTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>
    <Grid 
        ShowGridLines="True">
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"/>
            <RowDefinition />
            <RowDefinition Height="auto"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="200"/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>

        <!-- типа логотип компании -->
        <Image 
        Source="./bin\Debug\net8.0-windows\img\portrait.jpg" 
        Grid.RowSpan="2" HorizontalAlignment="Right"/>
        <ListBox
    x:Name="HeroListBox"
    Style="{StaticResource StackStyle}"
         Grid.Column="1"
    Grid.Row="1"
    Background="White"
            ItemsSource="{Binding HeroList}" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
            <ListBox.ItemContainerStyle>
                <Style 
        TargetType="ListBoxItem">
                    <Setter 
            Property="HorizontalContentAlignment"
            Value="Stretch" />
                </Style>
            </ListBox.ItemContainerStyle>

            <DataTemplate>
                    <Border 
            BorderThickness="1" 
            BorderBrush="Black" 
            CornerRadius="5">
                        
                        <Grid 
    Width="200"
    Margin="10" 
    HorizontalAlignment="Stretch">

                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="64"/>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="auto"/>
                            </Grid.ColumnDefinitions>

                            <!-- сюда потом вставить колонки -->
                            
                            <StackPanel
    Grid.Column="1"
    Margin="5"
    Orientation="Vertical">

                                <TextBlock 
        Text="{Binding name}"/>

                                <TextBlock 
        Text="{Binding race}"/>
                                <TextBlock 
        Grid.Column="2"
        Text="{Binding Age}"/>
                            </StackPanel>
                            
                            
                            
                            <Image
    Width="64" 
    Height="64"
    Source="{Binding ImageBitmap}" />

                            
                        </Grid>
                    </Border>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
        <StackPanel 
        x:Name="buttonsStack" 
        Background="Black" >
            <Button 
            x:Name="button1" 
            Content="Кнопка 1"  />
            <Button 
    x:Name="button2" 
    Content="Кнопка 2" 
    Style="{x:Null}" />
        </StackPanel>
        <WrapPanel
        Orientation="Horizontal"
        Grid.Column="1"
        MinHeight="50">
 <Button 
     Content="Переключить вид" 
     Click="ToggleView_Click"/>
            <Label 
    Content="Возраст:" 
    VerticalAlignment="Center"/>
            <RadioButton
    GroupName="Age"
    Tag="1"
    Content="по возрастанию"
    IsChecked="True"
    Checked="RadioButton_Checked"
    VerticalAlignment="Center"/>
            <RadioButton
    GroupName="Age"
    Tag="2"
    Content="по убыванию  "
    Checked="RadioButton_Checked"
    VerticalAlignment="Center"/>
            <Label 
    Content="Искать:" 
    VerticalAlignment="Center"/>
            <TextBox
    Width="200"
    VerticalAlignment="Center"
    x:Name="SearchFilterTextBox" 
    KeyUp="SearchFilter_KeyUp"/>
            <Label 
    Content="Мощь:"
    VerticalAlignment="Center"/>

            <ComboBox
    Name="powerFilterComboBox"
    SelectionChanged="powerFilterComboBox_SelectionChanged_1"
    VerticalAlignment="Center"
    MinWidth="100"
    SelectedIndex="0"
    ItemsSource="{Binding HeroPowerList}">

                <ComboBox.ItemTemplate>
                    <DataTemplate>
                        <Label 
                Content="{Binding title}"/>
                    </DataTemplate>
                </ComboBox.ItemTemplate>
            </ComboBox>
            <Label 
Content="Возраст:"
VerticalAlignment="Center"/>
            <ComboBox
Name="AgeFilterComboBox"
SelectionChanged="AgeFilterComboBox_SelectionChanged_2"
VerticalAlignment="Center"
MinWidth="100"
SelectedIndex="0"
ItemsSource="{Binding HeroAgeList}">

                <ComboBox.ItemTemplate>
                    <DataTemplate>
                        <Label 
            Content="{Binding title}"/>
                    </DataTemplate>
                </ComboBox.ItemTemplate>
            </ComboBox>
            <Label 
Content="Раса:"
VerticalAlignment="Center"/>
            <ComboBox
Name="RaceFilterComboBox"
SelectionChanged="RaceFilterComboBox_SelectionChanged_3"
VerticalAlignment="Center"
MinWidth="100"
SelectedIndex="0"
ItemsSource="{Binding HeroRaceList}">

                <ComboBox.ItemTemplate>
                    <DataTemplate>
                        <Label 
            Content="{Binding title}"/>
                    </DataTemplate>
                </ComboBox.ItemTemplate>
            </ComboBox>
            <!-- минимальную высоту я тут поставил, чтобы верхнюю строку сетки было видно. В реальном приложении она не нужна -->
        </WrapPanel>
    </Grid>
</Window>