Группировка элементов в ListView - приложения Windows Store

Question

Im пытается добиться этого

, но до сих пор я могу в списке все синие элементы в списке, без Разделения между ними. это то, что им с помощью

XAML:

Page.xaml

<Grid Grid.Row="1" Grid.RowSpan="2" Background="White"> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="875" /> 
       <ColumnDefinition Width="385"/> 
      </Grid.ColumnDefinitions> 
      <ListView Grid.Column="0" ItemsSource="{Binding MyMeets}" Style="{StaticResource MyMeetingsRowUsers}" ></ListView> 
     </Grid> 

Стиль:

<DataTemplate x:Key="MyMeetingUser"> 
    <Grid Margin="0,0,0,10" > 
     <Grid.RowDefinitions> 
      <RowDefinition></RowDefinition> 
     </Grid.RowDefinitions> 
     <StackPanel Height="78" Width="875"> 
      <StackPanel.Background> 
       <LinearGradientBrush EndPoint="0.5,1" StartPoint="0,1" > 
        <GradientStop Color="#FF0072C6" Offset="0"/> 
        <GradientStop Color="#FF008FD4" Offset="1"/> 
       </LinearGradientBrush> 
      </StackPanel.Background> 
      <Grid> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="90"/> 
        <ColumnDefinition Width="65"/> 
        <ColumnDefinition Width="388"/> 
        <ColumnDefinition Width="*"/> 
       </Grid.ColumnDefinitions> 

       <TextBlock x:Name="MyMeetingRowDayNumber" Grid.Column="0" Text="{Binding MyMeetingRowDayNumber}" Style="{StaticResource MyMeetingsRowDay}" /> 
       <Grid Grid.Column="1"> 
        <Grid.RowDefinitions> 
         <RowDefinition /> 
         <RowDefinition /> 
        </Grid.RowDefinitions> 
        <TextBlock Grid.Row="0" x:Name="MyMeetingRowDayText" Text="{Binding MyMeetingRowDayText}" Style="{StaticResource MyMeetingsRowDayText}" Height="28"></TextBlock> 
        <TextBlock Grid.Row="1" x:Name="MyMeetingRowDayHour" Text="{Binding MyMeetingRowDayHour}" Style="{StaticResource MyMeetingsRowDayHour}" ></TextBlock> 
       </Grid> 
       <TextBlock Grid.Column="2" x:Name="MyMeetingsRowTitle" Text="{Binding MyMeetingsRowTitle}" Style="{StaticResource MyMeetingsRowTitle}" /> 
      </Grid> 
     </StackPanel> 
    </Grid> 
</DataTemplate> 

<Style x:Key="MyMeetingsRowUsers" TargetType="ListView" > 
    <Setter Property="HorizontalContentAlignment" Value="Right" /> 
    <Setter Property="VerticalContentAlignment" Value="Center" /> 
    <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Hidden" /> 
    <Setter Property="Background" Value="Transparent"/> 
    <Setter Property="TabNavigation" Value="Local"/> 
    <Setter Property="IsHoldingEnabled" Value="True"/> 
    <Setter Property="Margin" Value="44,36,0,0" /> 
    <Setter Property="ItemTemplate" Value="{StaticResource MyMeetingUser}" /> 
    <Setter Property="Transitions"> 
     <Setter.Value> 
      <TransitionCollection> 
       <EntranceThemeTransition /> 
      </TransitionCollection> 
     </Setter.Value> 
    </Setter> 
</Style> 

и на коде позади у меня есть этот

private ObservableCollection<MeetingRow<Meeting>> myMeet = new ObservableCollection<MeetingRow<Meeting>>(); 
    public ObservableCollection<MeetingRow<Meeting>> MyMeets 
    { 
     get { return myMeet; } 
     set { SetProperty(ref myMeet, value); } 
    } 

T Я заполняю items на OnNavigatedTo. Как я уже сказал, я получаю синие строки, но я не знаю, как добавить серые, чтобы отделить их в соответствии с датой.

Answer 1

мне удалось найти решение с помощью этого https://msdn.microsoft.com/en-us/library/windows/apps/xaml/hh780627.aspx

кажется, CollectionViewSource был путь.