加载页面时，Xamarin 表单 ListView 程序刷新不会在 Android 上停止

Question

我在 Visual Studio 2015 中有一个带有 ListView 的便携式项目，该项目通过 API 调用通过以下函数 refreshData 填充了一些数据：

async Task refreshData()
{
    myListView.BeginRefresh();
    var apiCallResult = await App.Api.myApiGetCall();            
    myListView.ItemsSource = apiCallResult;
    myListView.EndRefresh();    
}

refreshData() 被调用

protected override void OnAppearing()
{
    base.OnAppearing();
    refreshData();
}

一切正常，除了在 Android 上，当页面最初加载时，刷新指示器在 EndRefresh() 上没有停止或消失。该页面位于TabbedPage 中，因此我可以转到其他选项卡，然后返回此页面，刷新指示器会随着我的 API 调用正确启动和停止。

为什么页面最初在 Android 上加载时刷新没有停止？任何帮助将不胜感激。

注意：当我在 iOS 上运行时，这完全可以正常工作。

到目前为止我已经尝试过：

1. 将myListView.BeginRefresh() 替换为myListView.IsRefreshing = true 和myListView.EndRefresh() 替换为myListView.IsRefreshing = false

2. 使用Device.BeginInvokeOnMainThread(() => {//update list and endRefresh})。

3. 使用async void refreshData() 代替async Task refreshData()。

Answer 1

当我在 Page Contructor 中启动 ListView 刷新并在加载数据后停止它时，我个人会遇到这个问题。有时（经常）Xamarin.Forms ListView 不会取消刷新动画。

我相信您在使用 Android SwipeRefreshLayout 时遇到了一个很常见的问题：在调用 setRefreshing(false) 之后，它可能不会停止刷新动画。原生 Android 开发者使用以下方法：

swipeRefreshLayout.post(new Runnable() {
    @Override
        public void run() {
            mSwipeRefreshLayout.setRefreshing(refreshing);
    }
});

有趣的是，Xamarin.Forms 在设置初始刷新状态时使用了这种方法 (code)；然而，这还不够。你需要一个自定义渲染器：

public class ExtendedListViewRenderer : ListViewRenderer
{
    /// <summary>
    /// The refresh layout that wraps the native ListView.
    /// </summary>
    private SwipeRefreshLayout _refreshLayout;

    public ExtendedListViewRenderer(Android.Content.Context context) : base(context)
    {
    }

    protected override void Dispose(bool disposing)
    {
        if (disposing)
        {
            _refreshLayout = null;
        }
        base.Dispose(disposing);
    }

    protected override void OnElementChanged(ElementChangedEventArgs<ListView> e)
    {
        base.OnElementChanged(e);
        _refreshLayout = (SwipeRefreshLayout)Control.Parent;
    }

    protected override void OnElementPropertyChanged(object sender, PropertyChangedEventArgs e)
    {
        if (e.PropertyName == ListView.IsRefreshingProperty.PropertyName)
        {
            // Do not call base method: we are handling it manually
            UpdateIsRefreshing();
            return;
        }
        base.OnElementPropertyChanged(sender, e);
    }

    /// <summary>
    /// Updates SwipeRefreshLayout animation status depending on the IsRefreshing Element 
    /// property.
    /// </summary>
    protected void UpdateIsRefreshing()
    {
        // I'm afraid this method can be called after the ListViewRenderer is disposed
        // So let's create a new reference to the SwipeRefreshLayout instance
        SwipeRefreshLayout refreshLayoutInstance = _refreshLayout;

        if (refreshLayoutInstance == null)
        {
            return;
        }

        bool isRefreshing = Element.IsRefreshing;
        refreshLayoutInstance.Post(() =>
        {
            refreshLayoutInstance.Refreshing = isRefreshing;
        });
    }
}

Answer 2

试试这个：

async void refreshData()
{
    Device.BeginInvokeOnMainThread(() => {
        myListView.BeginRefresh();
        var apiCallResult = await App.Api.myApiGetCall();
        myListView.ItemsSource = apiCallResult;
        myListView.EndRefresh();
    });
}

显然，不再需要“任务”了。

如果错误仅发生在 Android 中，则可能只是 Android 处理线程的方式。它不允许线程直接更改视觉元素。有时当我们尝试这样做时，它会抛出一个静默异常并且代码操作没有实际效果。

Answer 3

你需要遵循 MVVM 模式

在您的 ViewModel 上，您需要：

• 实现INotifyPropertyChanged

• 定义如下属性：

   private bool _IsRefreshing;
   public bool IsRefreshing
   {
       get { return _IsRefreshing; }
       set { SetProperty(ref _IsRefreshing, value; } 
       /*So every time the property changes the view is notified*/
   }
  

• 定义获取数据的方法，在您的情况下为refreshData()

• 在需要时切换 IsRefreshing true/false

在您的主页上，您需要：

• 使用SetPropertyValue 将listview itemSource 绑定到VM 属性

• 将 ListView.IsRefreshing 绑定到 ViewModel 的 IsRefreshing：

  MyListView.SetBinding<MyViewModel>(ListView.IsRefreshing, vm => vm.IsRefreshing);

Here 是一篇关于 INotifyPropertyChanged 的​​精彩文章