如何以以下格式显示分组项目（GridView组）：一张大图，其余为小图（附示例）

我希望GridView中的每个组都位于此特定结构/模板中（一个大项目，其余项目大小相同）：

项目应填满屏幕，直到按钮中没有更多空间。它应该从右到左填充（当一列项目被填充时，我们将填充下一列）。 我的视图模型公开了分组集合，我希望GridView获取每个“小”项并定位它，就像大项是GridView的“天花板”一样

我认为这与VariableSizedWrapGrid有关

这是我的当前代码（当前每个项目的大小相同，流程从右到左）：

我发现了这个不错的：

---

希望它能对人们有所帮助（我这样写是因为我必须输入至少30个字符：）

你应该看看微软提供的示例

            <GridView   
                        VerticalAlignment="Top"
                        x:Name="GridMenu"
                        ItemsSource="{Binding Source={StaticResource groupedArticlesViewSource}}"
                        ItemTemplate="{StaticResource ArticlePreviewListView}">
                <GridView.ItemsPanel>
                    <ItemsPanelTemplate>
                        <VirtualizingStackPanel Orientation="Horizontal"/>
                    </ItemsPanelTemplate>
                </GridView.ItemsPanel>
                <GridView.GroupStyle>
                    <GroupStyle>
                        <GroupStyle.HeaderTemplate>
                            <DataTemplate>
                                <Grid Margin="10">
                                    <TextBlock Text='{Binding Key}'
                                               FontFamily="{StaticResource FontFamilyStyle}"
                                               Foreground="DarkBlue"
                                               FontSize="20"/>
                                </Grid>
                            </DataTemplate>
                        </GroupStyle.HeaderTemplate>

                        <GroupStyle.Panel>
                            <ItemsPanelTemplate>
                                <VariableSizedWrapGrid Orientation="Vertical"/>
                            </ItemsPanelTemplate>
                        </GroupStyle.Panel>
                    </GroupStyle>
                </GridView.GroupStyle>
            </GridView>