c# - 在 ListView 中对项目进行分组 - Windows 应用商店应用

标签 c# xaml listview windows-runtime windows-store-apps

我正在努力实现这个 enter image description here

但到目前为止,我可以列出列表中的所有蓝色项,它们之间没有分隔。 这就是我正在使用的

XAML:

页面.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); }
    }

我用 items 填充在 OnNavigatedTo 上。就像我说的,我得到了蓝色行,但我不知道如何添加灰色行以根据日期分隔它们。

最佳答案

我设法用这个找到了解决方案 https://msdn.microsoft.com/en-us/library/windows/apps/xaml/hh780627.aspx

似乎 CollectionViewSource 是要走的路。

关于c# - 在 ListView 中对项目进行分组 - Windows 应用商店应用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30162334/

相关文章:

c# - ISupportIncrementalLoading 在离开后不会停止

c# - 用户控制不透明度随可见性淡出

android - 从 ListView/RecyclerView 处理逻辑显示项目详细信息的最佳方式/UX 是什么

android - Android-有没有办法从ListView获取属性?

android:layout_weight 属性根据文本长度变化

c# - ASP 应用程序导致错误 500 并导致服务器频繁停止

c# - ReSharper 7.1 对象初始化程序格式

用于 C++ 的 C# 包装器

c# - 如何设置 Json.Net 序列化程序以自定义方式运行?

c# - 如何在 XAML 中将多个 StatusBarItems 对齐到右侧?