下拉刷新和上拉刷新

在 MAUI 中，可以使用 ​RefreshView​ 和 ​CollectionView​ 控件来实现下拉刷新和上拉刷新的功能。

下拉刷新：

在 XAML 中添加 ​RefreshView​ 控件：

<RefreshView Command="{Binding RefreshCommand}" IsRefreshing="{Binding IsRefreshing}">
    <!-- 刷新内容 -->
</RefreshView>

​
在 ViewModel 中定义 ​RefreshCommand​ 命令，并在该命令中执行需要刷新的操作，例如重新加载数据：

private ICommand _refreshCommand;
public ICommand RefreshCommand => _refreshCommand ??= new Command(async () =>
{
    IsRefreshing = true; // 开始刷新

    // 执行需要刷新的操作，例如重新加载数据
    await LoadData();

    IsRefreshing = false; // 结束刷新
});

在上面的代码中，​IsRefreshing​ 是一个布尔类型的属性，用于控制刷新状态。当用户下拉刷新时，​RefreshView​ 控件会自动将 ​IsRefreshing​ 属性设置为 ​true​，并触发 ​RefreshCommand​ 命令。在命令执行完成后，需要将 ​IsRefreshing​ 属性设置为 ​false​，以结束刷新状态。

上拉刷新：

在 XAML 中添加 ​CollectionView​ 控件，并设置 ​IsPullToRefreshEnabled​ 和 ​IsRefreshing​ 属性：

<CollectionView ItemsSource="{Binding Items}"
                IsPullToRefreshEnabled="True"
                IsRefreshing="{Binding IsLoadingMore}"
                RemainingItemsThreshold="2"
                RemainingItemsThresholdReachedCommand="{Binding LoadMoreCommand}">
    <!-- 列表项模板 -->
</CollectionView>

​
在上面的代码中，​IsPullToRefreshEnabled​ 属性用于启用上拉刷新功能，​IsRefreshing​ 属性用于控制刷新状态。​RemainingItemsThreshold​ 属性用于设置列表滚动到底部时触发上拉刷新的阈值，​RemainingItemsThresholdReachedCommand​ 命令用于处理上拉刷新事件。

在 ViewModel 中定义 ​LoadMoreCommand​ 命令，并在该命令中执行需要加载更多数据的操作，例如从服务器获取更多数据：

private ICommand _loadMoreCommand;
public ICommand LoadMoreCommand => _loadMoreCommand ??= new Command(async () =>
{
    if (IsLoadingMore) return; // 如果正在加载，则不执行操作

    IsLoadingMore = true; // 开始加载

    // 执行需要加载更多数据的操作，例如从服务器获取更多数据
    await LoadMoreData();

    IsLoadingMore = false; // 结束加载
});

在上面的代码中，​IsLoadingMore​ 是一个布尔类型的属性，用于控制加载更多数据的状态。当用户滚动列表到底部时，​CollectionView​ 控件会自动将 ​IsLoadingMore​ 属性设置为 ​true​，并触发 ​LoadMoreCommand​ 命令。在命令执行完成后，需要将 ​IsLoadingMore​ 属性设置为 ​false​，以结束加载状态。