グループ化されたコンテンツフローを垂直ではなく水平にしてGridViewを作成するにはどうすればよいですか？

Question

グループ化されたデータを含むGridViewがあります。データはデフォルトで常に垂直に表示されます。私はそれが水平にスクロールしたい。どうやってやるの？

Answer 1

ItemsPanelTemplateは、アイテムのレイアウトを決定するものです。通常ItemsWrapGridがGridViewに使用されます。そのコントロールにはMaximumRowsOrColumnsというプロパティがあります。ページの最大値として設定する行数に設定します。データは常に水平レイアウトになります。例えば

：

<GridView ItemsSource="{Binding Source={StaticResource groupedPersons}}" Margin="0,120,0,0" ScrollViewer.HorizontalScrollBarVisibility="Auto" ScrollViewer.VerticalScrollBarVisibility="Auto"> 
    <GridView.ItemTemplate> 
     <DataTemplate> 
      <StackPanel Margin="20" Width="300" Height="100" Background="AliceBlue"> 
       <TextBlock Text="{Binding Name}" FontSize="60" FontWeight="Bold" Style="{StaticResource BaseTextBlockStyle}"/> 
       <TextBlock Text="{Binding Age}" FontSize="42" TextWrapping="NoWrap" Style="{StaticResource BodyTextBlockStyle}" /> 
      </StackPanel> 
     </DataTemplate> 
    </GridView.ItemTemplate> 
    <GridView.ItemsPanel> 
     <ItemsPanelTemplate> 
      <ItemsWrapGrid MaximumRowsOrColumns="3"/> 
     </ItemsPanelTemplate> 
    </GridView.ItemsPanel> 
    <GridView.GroupStyle> 
     <GroupStyle HidesIfEmpty="True"> 
      <GroupStyle.HeaderTemplate> 
       <DataTemplate> 
        <Grid Background="LightGray" Margin="0"> 
         <TextBlock Text="{Binding Key}" Foreground="Black" Margin="30" Style="{StaticResource HeaderTextBlockStyle}"/> 
        </Grid> 
       </DataTemplate> 
      </GroupStyle.HeaderTemplate> 
     </GroupStyle> 
    </GridView.GroupStyle> 
</GridView>