我们如何在 AdvancedCollectionView uwp 的顶部移动最近更新的项目

Question

我有一个 ListView，它的 ItemSource 绑定到 AdvancedCollectionView。 该集合存储了一些用户的聊天消息列表。 现在，每当该用户收到新的聊天消息时，我想将该项目移到顶部。 同样在 WhatsApp 和 slack 应用程序中。 现在，每次收到新消息时，我都会删除和添加项目。

所以我想知道 AdvancedCollectionView 是否有任何我可以使用的属性，或者是否可以进行排序。

Answer 1

我不得不说 AdvancedCollectionView 没有这样的属性可以直接做到这一点。 但您的方案的解决方法是您可以同时为 AdvancedCollectionView 应用另一个 SortDescription。 这使得可以使用新属性将项目移到顶部。

例如，您可以在 model 中添加一个名为Top的新属性，默认值为B 。 当您需要将项目放在顶部时，将Top值更改为A 。 然后应用依赖于Top属性的新排序描述。

我做了一个简单的demo，你可以参考一下。

代码隐藏：

 public ObservableCollection<Person> oc { get; set; }
    public MainPage()
    {
        this.InitializeComponent();

         oc = new ObservableCollection<Person>{
            new Person { Name = "Staff" ,Top="a"},
            new Person { Name = "Orchid",Top="b" },
            new Person { Name = "Tempest" ,Top="b"},
            new Person { Name = "Lamp Post",Top="b" },
            new Person { Name = "Arrow" ,Top="b"},
            new Person { Name = "Swan" ,Top="b"},
            new Person { Name = "Flame",Top="b" },
            new Person { Name = "Pearl" ,Top="b"},
            new Person { Name = "Hydra" ,Top="b"},
            new Person { Name = "Looking Glass",Top="b" },
        };

        var acv = new AdvancedCollectionView(oc, true);
        //make the Staff item always on the top
        acv.SortDescriptions.Add(new SortDescription("Top", SortDirection.Ascending));
        // sort by name
        acv.SortDescriptions.Add(new SortDescription("Name", SortDirection.Ascending));

        MyListView.ItemsSource = acv;
    }

    private void Button_Click(object sender, RoutedEventArgs e)
    {
        var person = new Person { Name = "Aardvark",Top = "b" };
        oc.Add(person);
    }

 public class Person
    {
        public string Name { get; set; }
        public string Top { get; set; }
    }

XAML：

 <Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Button Content="Click" Click="Button_Click"/>
    <ListView x:Name="MyListView" Grid.Row="1">
        <ListView.ItemTemplate>
            <DataTemplate x:DataType="local:Person">
                <Grid>
                    <TextBlock Text="{x:Bind Name}"/>
                </Grid>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>
</Grid>

结果如下所示：