ListBoxを日付付きでグループ化する

Question

これをどのように達成するかはわかりませんが、ListBoxには日付と時刻の列があります。日付が既にそこにあった場合、日付列は表示されません。私はListCollectionViewとListview/DataGridsとの組み合わせで、それが可能であることを知っています。しかし、これをListBoxとListで実現できますか？私はMVVMの原則を使用していることを覚えておいてください。これは私のリストボックスです：

<ListBox Grid.Row="2" ScrollViewer.HorizontalScrollBarVisibility="Disabled" ItemsSource="{Binding Schedules}"> 
       <ListBox.ItemTemplate> 
        <DataTemplate> 
         <StackPanel Background="Transparent"> 
          <Grid Background="Transparent"> 
           <Grid.ColumnDefinitions> 
            <ColumnDefinition Width="100"/> 
            <ColumnDefinition Width="100"/> 
            <ColumnDefinition/> 
           </Grid.ColumnDefinitions> 
           <Grid.RowDefinitions> 
            <RowDefinition/> 
           </Grid.RowDefinitions> 
           <TextBlock Grid.Column="0" Grid.Row="0" Text="{Binding MyDateTime, StringFormat='d' }" HorizontalAlignment="Left" VerticalAlignment="Center"/> 
           <TextBlock Grid.Column="1" Grid.Row="0" Text="{Binding MyDateTime, StringFormat='t'}" HorizontalAlignment="Left" VerticalAlignment="Center"/> 
           <TextBlock Grid.Column="2" Grid.Row="0" Text="{Binding SomeText}" TextTrimming="WordEllipsis" LineStackingStrategy="MaxHeight" MaxHeight="20" HorizontalAlignment="Left" VerticalAlignment="Center"/> 
          </Grid> 
         </StackPanel> 
        </DataTemplate> 
       </ListBox.ItemTemplate> 
      </ListBox> 

私は私が達成しようとしているものの例を与えるために、Excelでこれを作っています

私は黄色

Answer 1

コンバータ

// Order Schedules using System.Linq 
public class ToOrderedListConverter : IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
     List<ScheduleItem> schedules = (List<ScheduleItem>)value; 
     var subset = from item in schedules 
        orderby item.MyDateTime.TimeOfDay 
        orderby item.MyDateTime.ToString("yyyy/MM/dd") descending 
        select item; 
     return subset.ToList(); 
    } 

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
     throw new NotImplementedException(); 
    } 
} 

// Show only first occurrence of date 
public class DateToVisibilityConverter : IMultiValueConverter 
{ 
    public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture) 
    { 
     DateTime currentItem = (DateTime)values[0]; 
     List<ScheduleItem> schedules = (List<ScheduleItem>)values[1]; 
     ScheduleItem firstOccurrence = 
      schedules.Find(item => item.MyDateTime.Year == currentItem.Year 
           && item.MyDateTime.Month == currentItem.Month 
           && item.MyDateTime.Day == currentItem.Day); 

     if (firstOccurrence.MyDateTime == currentItem) 
      return Visibility.Visible; 
     else return Visibility.Collapsed; 
    } 

    public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture) 
    { 
     throw new NotImplementedException(); 
    } 
} 

XAML

<ListBox Grid.Row="2" ScrollViewer.HorizontalScrollBarVisibility="Disabled" 
     ItemsSource="{Binding Schedules, Converter={StaticResource ToOrderedListConverter}}"> 
    <ListBox.ItemTemplate> 
     <DataTemplate> 
      <StackPanel Background="Transparent"> 
       <Grid Background="Transparent"> 
        <Grid.ColumnDefinitions> 
         <ColumnDefinition Width="100"/> 
         <ColumnDefinition Width="100"/> 
         <ColumnDefinition/> 
        </Grid.ColumnDefinitions> 
        <Grid.RowDefinitions> 
         <RowDefinition/> 
        </Grid.RowDefinitions> 
        <TextBlock Grid.Column="0" Grid.Row="0" Text="{Binding MyDateTime, StringFormat='dd/MM/yyyy'}" HorizontalAlignment="Left" VerticalAlignment="Center"> 
         <TextBlock.Visibility> 
          <MultiBinding Converter="{StaticResource DateToVisibilityConverter}"> 
           <Binding Path="MyDateTime"/> 
           <Binding RelativeSource="{RelativeSource AncestorType={x:Type ListBox}}" 
             Path="ItemsSource"/> 
          </MultiBinding> 
         </TextBlock.Visibility> 
        </TextBlock> 
        <TextBlock Grid.Column="1" Grid.Row="0" Text="{Binding MyDateTime, StringFormat='t'}" HorizontalAlignment="Left" VerticalAlignment="Center"/> 
        <TextBlock Grid.Column="2" Grid.Row="0" Text="{Binding SomeText}" TextTrimming="WordEllipsis" LineStackingStrategy="MaxHeight" MaxHeight="20" HorizontalAlignment="Left" VerticalAlignment="Center"/> 
       </Grid> 
      </StackPanel> 
     </DataTemplate> 
    </ListBox.ItemTemplate> 
</ListBox> 

Answer 2

と強調している場所に影響しますこのアプローチを要件に使用できます。

https://code.msdn.microsoft.com/windowsdesktop/CollectionView-Tips-MVVM-d6ebb4a7#content