6

グループ化されたデータを表示する通常のGridViewがあります。私の目標は、ヘッダー(ボタン)をグループの上部からグループの左側に移動することです。

<GridView>
    <GridView.ItemsPanel>
        <ItemsPanelTemplate>
            <VirtualizingStackPanel Orientation="Horizontal"/>
        </ItemsPanelTemplate>
    </GridView.ItemsPanel>

    <GridView.GroupStyle>
        <GroupStyle>
            <GroupStyle.HeaderTemplate>
                <DataTemplate>
                    <Grid>
                        <Button Content="{Binding Title}"/>
                    </Grid>
                </DataTemplate>
            </GroupStyle.HeaderTemplate>
            <GroupStyle.Panel>
                <ItemsPanelTemplate>
                    <VariableSizedWrapGrid ItemWidth="240" ItemHeight="160" Orientation="Vertical" Margin="0,0,80,0"/>
                </ItemsPanelTemplate>
            </GroupStyle.Panel>
        </GroupStyle>
    </GridView.GroupStyle>

    <GridView.ItemTemplate>
        <!-- item template -->
    </GridView.ItemTemplate>
</GridView>

この質問への回答Windows8MetroアプリでのGridViewのグループ化は、完全に同じ目的のレイアウトではありませんが、追加の「ダミータイル」を追加しないと目的のレイアウトは不可能であると述べています。

このような余分な「ダミータイル」を使用せずに、ヘッダーをグループの上部からグループの左側に移動するという目標を達成できるかどうか疑問に思っています。

4

1 に答える 1

3

ヘッダーコンテナのスタイルを編集する必要があります。Visual Studioで、GridViewを右クリックし、[

Edit Group Style -> Edit Generated Item Container (Container Style) -> Edit a Copy

コンテンツコントロールであるグループヘッダーと、ItemsControlであるグループアイテムが表示されます。両方とも、デフォルトでは単純な2行のグリッド内に含まれています。列を追加し、グループヘッダーをGrid.Column=0&に移動すると、準備が整いGrid.Row=1ます。

于 2012-08-28T23:03:55.577 に答える