win8 GroupStyle的使用

 1      <GridView.ItemsPanel>
 2                     <ItemsPanelTemplate>
 3                         <VirtualizingStackPanel Orientation="Horizontal"/>
 4                     </ItemsPanelTemplate>
 5                 </GridView.ItemsPanel>
 6                 <GridView.GroupStyle>
 7                     <GroupStyle>
 8                         <GroupStyle.HeaderTemplate>
 9                             <DataTemplate>
10                                 <Grid Margin="1,0,0,6">
11                                 </Grid>
12                             </DataTemplate>
13                         </GroupStyle.HeaderTemplate>
14                         <GroupStyle.Panel>
15                             <ItemsPanelTemplate>
16                                 <VariableSizedWrapGrid Orientation="Vertical" Margin="0,0,80,0"/>
17                             </ItemsPanelTemplate>
18                         </GroupStyle.Panel>
19                     </GroupStyle>
20                 </GridView.GroupStyle>
21             </GridView>

ListView纵向两个并排使用

 1  <ListView
 2                 x:Name="itemListViewPort"
 3                 AutomationProperties.AutomationId="ItemListView"
 4                 AutomationProperties.Name="Grouped Items"
 5                 Margin="10,-10,0,60"
 6                 ItemsSource="{Binding Source={StaticResource groupedItemsViewSource}}"
 7                 ItemTemplate="{StaticResource Standard250x250ItemTemplate}"
 8                 SelectionMode="None"
 9                 IsItemClickEnabled="True"
10                 ItemClick="ItemView_ItemClick">
11                 <ListView.ItemsPanel>
12                     <ItemsPanelTemplate>
13                         <WrapGrid Orientation="Horizontal"  Width="600"/>
14                     </ItemsPanelTemplate>
15                 </ListView.ItemsPanel>
16 
17             </ListView>

ListView的groupStyle使用

 1 <ScrollViewer
 2             x:Name="itemListScrollViewer"
 3             AutomationProperties.AutomationId="ItemListScrollViewer"
 4             Grid.Row="1"
 5             Visibility="Collapsed"
 6             Style="{StaticResource VerticalScrollViewerStyle}">
 7 
 8             <ListView
 9                 x:Name="itemListView"
10                 AutomationProperties.AutomationId="ItemListView"
11                 AutomationProperties.Name="Grouped Items"
12                 Margin="10,-10,0,60"
13                 ItemsSource="{Binding Source={StaticResource groupedItemsViewSource}}"
14                 ItemTemplate="{StaticResource Standard80ItemTemplate}"
15                 SelectionMode="None"
16                 IsItemClickEnabled="True"
17                 ItemClick="ItemView_ItemClick">
19                 <ListView.GroupStyle>
20                     <GroupStyle>
21                         <GroupStyle.HeaderTemplate>
22                             <DataTemplate>
23                                 <Grid Margin="0,0,0,0">
24                                     <Button
25                                         AutomationProperties.Name="Group Title"
26                                     
27                                         Click="Header_Click"
28                                         Style="{StaticResource TextButtonStyle}"/>
29                                 </Grid>
30                             </DataTemplate>
31                         </GroupStyle.HeaderTemplate>
32                     </GroupStyle>
33                 </ListView.GroupStyle>
35             </ListView>
36         </ScrollViewer>