Sorting 如何在xaml中同时对列表框进行分组和排序？

我想同时对我的listbox项目资源进行排序和分组。 我需要这样的东西

我现在正在尝试：

及

和c#：

listsearchsults.GroupBy（x=>x.FirstName[0]）.ToList（）；
排序（（x，y）=>string.Compare（x.FirstName，y.FirstName））；
cvs.Source=列表搜索结果

我得到了这个

提前谢谢。
至少，我可以建议您将收藏分组，代码如下：

cvs.Source = peopleCollection.OrderBy(x => x.FirstName).GroupBy(x => x.FirstName[0]).ToList();

然后检索对象
列表
类型

您在定义
ListBox.GroupStyle
时出错。您必须在此节中仅定义标题演示文稿，并在节中为您的集合定义
ItemTemplate
。因此，您需要这样的单独代码：

    <ListBox Background="#282828" x:Name="sendersearchresults" ItemsSource="{Binding Source={StaticResource cvs}}">
        <ListBox.GroupStyle>
            <GroupStyle>
                <GroupStyle.HeaderTemplate>
                    <DataTemplate>
                        <StackPanel Margin="20,0,0,0">
                            <TextBlock Foreground="#FFCF06"
                                       FontSize="40"
                                       FontWeight="Normal" 
                                       Text="{Binding Key}" />
                        </StackPanel>
                    </DataTemplate>
                </GroupStyle.HeaderTemplate>
            </GroupStyle>
        </ListBox.GroupStyle>
        <ListBox.ItemTemplate>
            <DataTemplate>
                <Button Background="Transparent" Margin="-100,0,0,0" BorderThickness="0" BorderBrush="Transparent" Width="400">
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition/>
                            <RowDefinition/>
                        </Grid.RowDefinitions>
                        <Image Source="{Binding Icon}" Grid.Row="0" Width="50" Height="50" HorizontalAlignment="Left" Margin="-12,4,0,0"/>
                        <TextBlock FontWeight="Medium" Text="{Binding MiddleName}" Margin="40,0,0,0" HorizontalAlignment="Left" Grid.Row="0" FontSize="20" Foreground="White"/>
                        <Grid Grid.Row="1">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition/>
                                <ColumnDefinition/>
                            </Grid.ColumnDefinitions>
                            <TextBlock FontWeight="Medium" Text="{Binding FirstName}" TextAlignment="Left" Margin="40,-22,0,0" Grid.Column="0" FontSize="20" Foreground="Gray"/>
                            <TextBlock FontWeight="Medium" HorizontalAlignment="Right" Grid.Column="0" Text="," FontSize="20" Margin="0,-22,-3,0" Foreground="Gray"/>
                            <TextBlock FontWeight="Medium" Text="{Binding LastName}" TextAlignment="Right" Grid.Column="1" Margin="6,-22,0,0" FontSize="20" Foreground="Gray"/>
                        </Grid>
                    </Grid>
                    <Button.Flyout>
                        <MenuFlyout Placement="Right">
                            <MenuFlyoutItem Text="Open" Click="MenuFlyoutItem_Click"/>
                            <MenuFlyoutItem Text="Edit" x:Name="editsenderclick" Click="editsenderclick_Click"/>
                        </MenuFlyout>
                    </Button.Flyout>
                </Button>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>



查看最终结果（没有图标和名称）

非常有魅力。非常感谢你，伙计。知道我的图像为什么不对齐吗？
    <ListBox Background="#282828" x:Name="sendersearchresults" ItemsSource="{Binding Source={StaticResource cvs}}">
        <ListBox.GroupStyle>
            <GroupStyle>
                <GroupStyle.HeaderTemplate>
                    <DataTemplate>
                        <StackPanel Margin="20,0,0,0">
                            <TextBlock Foreground="#FFCF06"
                                       FontSize="40"
                                       FontWeight="Normal" 
                                       Text="{Binding Key}" />
                        </StackPanel>
                    </DataTemplate>
                </GroupStyle.HeaderTemplate>
            </GroupStyle>
        </ListBox.GroupStyle>
        <ListBox.ItemTemplate>
            <DataTemplate>
                <Button Background="Transparent" Margin="-100,0,0,0" BorderThickness="0" BorderBrush="Transparent" Width="400">
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition/>
                            <RowDefinition/>
                        </Grid.RowDefinitions>
                        <Image Source="{Binding Icon}" Grid.Row="0" Width="50" Height="50" HorizontalAlignment="Left" Margin="-12,4,0,0"/>
                        <TextBlock FontWeight="Medium" Text="{Binding MiddleName}" Margin="40,0,0,0" HorizontalAlignment="Left" Grid.Row="0" FontSize="20" Foreground="White"/>
                        <Grid Grid.Row="1">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition/>
                                <ColumnDefinition/>
                            </Grid.ColumnDefinitions>
                            <TextBlock FontWeight="Medium" Text="{Binding FirstName}" TextAlignment="Left" Margin="40,-22,0,0" Grid.Column="0" FontSize="20" Foreground="Gray"/>
                            <TextBlock FontWeight="Medium" HorizontalAlignment="Right" Grid.Column="0" Text="," FontSize="20" Margin="0,-22,-3,0" Foreground="Gray"/>
                            <TextBlock FontWeight="Medium" Text="{Binding LastName}" TextAlignment="Right" Grid.Column="1" Margin="6,-22,0,0" FontSize="20" Foreground="Gray"/>
                        </Grid>
                    </Grid>
                    <Button.Flyout>
                        <MenuFlyout Placement="Right">
                            <MenuFlyoutItem Text="Open" Click="MenuFlyoutItem_Click"/>
                            <MenuFlyoutItem Text="Edit" x:Name="editsenderclick" Click="editsenderclick_Click"/>
                        </MenuFlyout>
                    </Button.Flyout>
                </Button>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>