Windows应用商店应用，Listview Groupheaderplacement左和垂直滚动

Question

所以我遇到了GroupHeaderPlacement和Vertical scrolling的问题。 我想要实现的是：

但出于某种原因，我的团队正在以水平滚动方向排列。任何人都知道我是否遗漏了这里明显的东西，或者如果你有简单的滚动Listview，如果你有GroupHeaderPlacement Left。

守则是：<ListView x:Name="ItemsGridView" Margin="118,-5,0,0" ItemsSource="{Binding Source={StaticResource AllCurrentGroup}}" SelectionMode="Single" Grid.Row="2" Grid.Column="0" ShowsScrollingPlaceholders="False" SelectionChanged="SelectedPresentationItem_SelectionChanged" IsSwipeEnabled="True"> <ListView.ItemsPanel> <ItemsPanelTemplate> <ItemsWrapGrid GroupHeaderPlacement="Left" Orientation="Vertical" /> </ItemsPanelTemplate> </ListView.ItemsPanel> <ListView.ItemTemplate> <DataTemplate> <StackPanel Grid.Column="1" Height="80" Margin="40,0,0,0" > <TextBlock Text="{Binding Tid }" Style="{StaticResource BodyTextBlockStyle}" Grid.Column="1" > <TextBlock.Foreground> <SolidColorBrush Color="{StaticResource Orange}"/> </TextBlock.Foreground> </TextBlock> <TextBlock Text="{Binding Titel }" Style="{StaticResource SubheaderTextBlockStyle}" Grid.Column="1" /> </StackPanel> </DataTemplate> </ListView.ItemTemplate> <ListView.GroupStyle> <GroupStyle> <GroupStyle.HeaderTemplate> <DataTemplate> <StackPanel Grid.Column="0" Grid.RowSpan="{Binding Rows}" Width="160" Height="200"> <StackPanel.Background> <SolidColorBrush Color="{StaticResource BlueDark}"/> </StackPanel.Background> <TextBlock Text="{Binding Vecka, Converter={StaticResource ToWeekString }}" Style="{StaticResource BodyTextBlockStyle}" Foreground="#FFFFFFFF" HorizontalAlignment="Left" VerticalAlignment="Top" FontFamily="Global User Interface" Margin="20,13,0,0"/> <TextBlock Text="{Binding Datum, Converter={StaticResource ToDayNumber }}" Style="{StaticResource HeaderTextBlockStyle}" Foreground="#FFFFFFFF" HorizontalAlignment="Left" Margin="20,26,0,0"/> <TextBlock Text="{Binding Datum, Converter={StaticResource ToMonth }}" Style="{StaticResource SubheaderTextBlockStyle}" Foreground="#FFFFFFFF" HorizontalAlignment="Left" VerticalAlignment="Top" FontFamily="Global User Interface" Margin="20,-3,0,0"/> <TextBlock Text="{Binding Datum, Converter={StaticResource ToDayString }}" Style="{StaticResource BodyTextBlockStyle}" Foreground="#FFFFFFFF" HorizontalAlignment="Left" VerticalAlignment="Top" FontFamily="Global User Interface" Margin="20,13,0,0"/> </StackPanel> </DataTemplate> </GroupStyle.HeaderTemplate> <GroupStyle.Panel> <ItemsPanelTemplate> <WrapGrid Orientation="Vertical"></WrapGrid> </ItemsPanelTemplate> </GroupStyle.Panel> </GroupStyle> </ListView.GroupStyle> </ListView>

Answer 1

http://code.msdn.microsoft.com/windowsapps/GroupedGridView-77c59e8e/sourcecode?fileId=44751&pathId=298223712

请参阅以上示例链接，以帮助您实现您的需求。