如何在Xamarin Forms中按日期单元格升序显示ListView行

要让ListView里的条目按ExpiryDate升序显示，核心是对绑定的数据源做排序处理，而非直接修改XAML控件属性。以下是具体实现方案：

1. 初始化时排序数据源 #

假设你的数据源是包含ExpiryDate属性的实体集合（比如List<Product>），在给ListView赋值前，先对集合按日期升序排序，再转为ObservableCollection（支持UI自动更新）：

// 示例：假设原始数据是productsList
var sortedProducts = productsList.OrderBy(p => p.ExpiryDate).ToList();
ExpiryProductsData.ItemsSource = new ObservableCollection<Product>(sortedProducts);

2. 日期修改后自动重新排序 #

因为你的DatePicker允许修改ExpiryDate，所以在日期变更事件里，需要重新排序数据源并刷新ListView：

private void DatePicker_DateSelected(object sender, DateChangedEventArgs e)
{
    var datePicker = sender as DatePicker;
    var targetProduct = datePicker.BindingContext as Product;
    if (targetProduct == null) return;

    // 更新实体的日期
    targetProduct.ExpiryDate = e.NewDate;

    // 重新排序并刷新数据源
    var currentItems = ExpiryProductsData.ItemsSource as ObservableCollection<Product>;
    if (currentItems != null)
    {
        var sortedList = currentItems.OrderBy(p => p.ExpiryDate).ToList();
        ExpiryProductsData.ItemsSource = new ObservableCollection<Product>(sortedList);
    }
}

3. MVVM模式下的优化方案（推荐） #

如果使用MVVM架构，建议借助ICollectionView实现自动排序，无需手动刷新：

ViewModel代码 #

using System.ComponentModel;
using System.Windows.Data;

public class YourViewModel : INotifyPropertyChanged
{
    private ObservableCollection<Product> _products;
    public ICollectionView SortedProducts { get; }

    public YourViewModel()
    {
        _products = new ObservableCollection<Product>();
        // 获取集合视图并添加排序规则
        SortedProducts = CollectionViewSource.GetDefaultView(_products);
        SortedProducts.SortDescriptions.Add(
            new SortDescription(nameof(Product.ExpiryDate), ListSortDirection.Ascending)
        );
    }

    // 实现INotifyPropertyChanged接口（略）
    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

XAML修改 #

将ListView的ItemsSource绑定到排序后的视图：

<ListView
  x:Name="ExpiryProductsData"
  SelectionMode="Single"
  SeparatorColor="LightGray"
  SeparatorVisibility="Default"
  ItemsSource="{Binding SortedProducts}">
   <!-- 原ItemTemplate内容保持不变 -->
</ListView>

这样当实体的ExpiryDate变更时（只要实体实现了INotifyPropertyChanged），ICollectionView会自动重新排序并更新UI。

注意：你当前XAML里的GroupDisplayBinding属性，如果没有配置分组数据源可以直接移除，若需要分组排序，需确保分组的数据源也按日期升序排列。

内容的提问来源于stack exchange，提问作者Marian34