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>