0

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>
4

2 に答える 2

1

マイクロソフトが提供するサンプルを参照してください。win8 開発者フォーラムのこのスレッドを参照してください

于 2013-03-27T23:15:12.730 に答える
0

この良いものを見つけました: http://dotnet.dzone.com/articles/windows-8-beauty-tip-using

それが人々に役立つことを願っています（少なくとも30文字を入力する必要があるため、私はそれを書いています:)）

于 2013-03-27T13:35:41.670 に答える