GridView 内のすべてのグループがこの特定の構造/テンプレート (1 つの大きな項目と残りは同じサイズ) になるようにします。
ボタンのスペースがなくなるまで、アイテムが画面いっぱいに表示されます。右から左に入力する必要があります (アイテムの 1 つの列が入力されると、次の列が入力されます)。私のビュー モデルはグループ化されたコレクションを公開します。GridView がすべての「小さな」アイテムを取得し、大きなアイテムが GridView の「天井」であるかのように配置する必要があります。
VariableSizedWrapGrid と関係があると思います。
これが私の現在のコードです(現在、すべてのアイテムは同じサイズで、フローは右から左です):
<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>