uwp 中的列表视图组答案

【问题标题】：Listview group in uwpuwp 中的列表视图组
【发布时间】：2016-05-10 17:32:03
【问题描述】：

我有一个带有ListView 的简单视图，我希望ListView 有两个组，一组用于属性为complete= 1 的项目，另一组为complete= 0。

这是我的课：

public class myClass
{
    public string name{ get; set; }
    public bool complete{ get; set; }
}

这是我的 XML：

<ListView x:Name="MasterListView">
    <ListView.GroupStyle>
        <GroupStyle >
            <GroupStyle.HeaderTemplate>
            </GroupStyle.HeaderTemplate>
        </GroupStyle>
    </ListView.GroupStyle>
</ListView>

<DataTemplate x:Key="MasterListViewItemTemplate" x:DataType="model:myClass">
    <TextBlock Margin="0,5,5,5" Text="{x:Bind name}" FontSize="20" Style="{ThemeResource BaseTextBlockStyle}" />
</DataTemplate>

我尝试了几个例子，但我找不到任何东西。

【问题讨论】：

看看interact-sw.co.uk/iangblog/2014/07/15/phone-listview-grouping
@Arcana 如果 ListView 是 PivotItem 的子项，这会起作用吗？
我想是的。它应该工作
@Archana 你能帮我处理一下stackoverflow.com/questions/44061480/…

标签： c# xaml listview win-universal-app

【解决方案1】：

我有一个带有 ListView 的简单视图，我希望 ListView 有两个组，一个用于具有属性 complete=1 的项的组，另一个用于具有 complete=0 的组。

首先，使用 CollectionViewSource 来显示可分组或排序的项目列表。

<Page.Resources>
    <CollectionViewSource x:Key="cvs" x:Name="cvs" IsSourceGrouped="True" />
</Page.Resources>

然后，获取数据，对数据进行分组，并在后面的代码中将分组后的数据设置到 CollectionViewSource。

以下是我验证过的示例代码：

MainPage.xaml

<Page.Resources>
    <!--Use a collection view source for content that presents a list of items that can be grouped or sorted.-->
    <CollectionViewSource x:Key="cvs" x:Name="cvs" IsSourceGrouped="True" />
</Page.Resources>

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <ListView Background="White" Foreground="Black" SelectionMode="None" ItemsSource="{Binding Source={StaticResource cvs}}">
        <ListView.ItemTemplate>
            <DataTemplate>
                <StackPanel Margin="0.5">
                    <TextBlock Text="{Binding Path=Name}" />
                </StackPanel>
            </DataTemplate>
        </ListView.ItemTemplate>
        <ListView.GroupStyle>
            <GroupStyle>
                <GroupStyle.HeaderTemplate>
                    <DataTemplate>
                    </DataTemplate>
                </GroupStyle.HeaderTemplate>
            </GroupStyle>
        </ListView.GroupStyle>
    </ListView>
</Grid>

MainPage.xaml.cs

public sealed partial class MainPage : Page
{
    public MainPage()
    {
        this.InitializeComponent();
        //Get the data
        List<MyClass> myClasses = new List<MyClass>();
        myClasses.Add(new MyClass { Name = "A", Complete = false });
        myClasses.Add(new MyClass { Name = "B", Complete = true });
        myClasses.Add(new MyClass { Name = "C", Complete = true });
        myClasses.Add(new MyClass { Name = "D", Complete = false });
        myClasses.Add(new MyClass { Name = "E", Complete = true });
        myClasses.Add(new MyClass { Name = "F", Complete = false });
        //Group the data
        var groups = from c in myClasses
                     group c by c.Complete;
        //Set the grouped data to CollectionViewSource
        this.cvs.Source = groups;
    }
}

以下是输出：

【讨论】：