2012-08-24 12 views
5

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

この質問に対する答えGrouping GridView in Windows 8 Metro App - ではない全く同じ目的のレイアウトをしながら、 - 希望のレイアウトは、余分な「ダミータイル」を追加することなく、可能ではないと述べています。

このような余分な「ダミータイル」を使わずに、グループの先頭からグループの先頭にヘッダーを移動することは、私の目標を達成することができるのだろうかと思います。

答えて

2

ヘッダーコンテナスタイルを編集する必要があります。 Visual Studioで、あなたがコンテンツコントロールでグループヘッダー、およびItemsControlにあるグループ項目を、表示されたGridViewを右クリックして、

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

を選択します。どちらもグリッド内に含まれ、デフォルトでは単純な2行です。列を追加して、グループヘッダーをGrid.Column=0 & Grid.Row=1に移動してください。

関連する問題