Gridview，每行包含多个元素

Question

有一个应用程序的列表框有多行，每行都有一些信息。如何实现？尝试在列表框中使用gridview？

Answer 1

这是一个分组GridView。您应将ItemsPanel GridView VirtualizingStackPanel设置为{{1}}垂直方向。

查看Grouping GridView on Windows 8

Answer 2

复制此内容的最简单方法

1. 使用网格应用模板
创建新的应用商店应用

2. 用这个

   替换GridView代码

       

       <ListView.ItemsPanel>
           <ItemsPanelTemplate>                        
               <VirtualizingStackPanel Orientation="Vertical"/>
           </ItemsPanelTemplate>
       </ListView.ItemsPanel>
       <ListView.GroupStyle>
           <GroupStyle>
               <GroupStyle.HeaderTemplate>
                   <DataTemplate>
                       <Grid Margin="1,0,0,6">
                           <Button
                               AutomationProperties.Name="Group Title"
                               Click="Header_Click"
                               Style="{StaticResource TextPrimaryButtonStyle}" >
                               <StackPanel Orientation="Horizontal">
                                   <TextBlock Text="{Binding Title}" Margin="3,-7,10,10" Style="{StaticResource GroupHeaderTextStyle}" />
                                   <TextBlock Text="{StaticResource ChevronGlyph}" FontFamily="Segoe UI Symbol" Margin="0,-7,0,10" Style="{StaticResource GroupHeaderTextStyle}"/>
                               </StackPanel>
                           </Button>
                       </Grid>
                   </DataTemplate>
               </GroupStyle.HeaderTemplate>
               <GroupStyle.Panel>
                   <ItemsPanelTemplate>
                       <VariableSizedWrapGrid Orientation="Horizontal" Margin="0,0,80,0"/>
                   </ItemsPanelTemplate>
               </GroupStyle.Panel>
           </GroupStyle>
       </ListView.GroupStyle>
   </ListView>