Xamarin Forms ListView 未从 ObservableCollection 更新答案

【问题标题】：Xamarin Forms ListView not Updating from ObservableCollectionXamarin Forms ListView 未从 ObservableCollection 更新
【发布时间】：2018-10-16 18:20:49
【问题描述】：

我的 XAML 文件的 ListView 正在填充一个 ViewModel，该 ViewModel 具有来自服务的 ObservableCollection，但 ListView 未显示信息。我已经检查了该服务是否返回了正确的信息。

这是我的 XML 文件的代码：

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="XAMLUnit1.Views.NetflixRoulettePage" Title="Movie">
    <ContentPage.Content>
         <StackLayout>
         <AbsoluteLayout>
                <BoxView Color="Gray"  AbsoluteLayout.LayoutFlags="All" AbsoluteLayout.LayoutBounds="0,0,1,1"></BoxView>
                <SearchBar x:Name="searchBar"
                           Placeholder="Search By Actor's name" 
                           PlaceholderColor="White"
                           AbsoluteLayout.LayoutFlags="All"
                           AbsoluteLayout.LayoutBounds="0.1,0.1,1,1"  SearchCommand="{Binding SearchMovieCommand}" ></SearchBar>
            </AbsoluteLayout>

       <ListView  x:Name="ListOfMovies"  
            ItemsSource="{ Binding MovieList}" >
            <ListView.ItemTemplate>
                    <DataTemplate>
                        <ViewCell>
                            <StackLayout>
                                <ImageCell 
                                        ImageSource="{Binding poster_path, StringFormat='https://image.tmdb.org/t/p/w500{0}'}">
                                </ImageCell>
                                    <StackLayout Orientation="Horizontal">
                                    <TextCell Detail="{Binding title}"></TextCell>
                                    <TextCell Detail="{Binding release_date}"></TextCell>
                                </StackLayout>
                            </StackLayout>
                        </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
        </StackLayout>
    </ContentPage.Content>
</ContentPage>

这是调用服务的 ViewModel，它使用其 ObservableCollection 作为 ListView 的 ItemsSource：

using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Input;
using Xamarin.Forms;
using XAMLUnit1.Models;
using XAMLUnit1.ServiceImpl;
using XAMLUnit1.Services;

namespace XAMLUnit1.ViewModels
{
  public  class MovieRouletteViewModel
    {
        IMovieService service;
        public ObservableCollection<Movie> MovieList { get; set; }
        public ICommand SearchMovieCommand { get; set; }
        public MovieRouletteViewModel()
        {
            service = new MovieServiceFinder();
            SearchMovieCommand = new Command(GetMovies);
        }

        private void  GetMovies()
        { var list= service.GetMovies("");
            MovieList = list;

        }

    }
}




public partial class NetflixRoulettePage : ContentPage
    {
        MovieRouletteViewModel viewModel;
        public NetflixRoulettePage()
        {
            InitializeComponent();
            viewModel = new MovieRouletteViewModel();
            BindingContext = viewModel;


        }



        private void SearchBar_TextChanged(object sender, TextChangedEventArgs e)
        {
        }
    }

【问题讨论】：

你设置了BindingContext了吗？
是的，我有，ListView 似乎没有动态更新。查看 GetMovies 方法，它设置了 MovieList 属性。
@JoseAgustinReinoso 在设置 BindingContext 的位置添加代码
@SushiHangover 我发布了代码。
GetMovies() 正在用新实例替换绑定的 MovieList 实例

标签： xamarin mvvm xamarin.forms cross-platform observablecollection

【解决方案1】：

不要将 ObservableCollection 设置为新列表，否则会破坏绑定。从列表中清除项目并将新项目添加到其中。

    public MovieRouletteViewModel()
    {
        service = new MovieServiceFinder();
        SearchMovieCommand = new Command(GetMovies);
        MovieList = new ObservableCollection<Movie>();
    }

    private void  GetMovies()
    { 
        var list= service.GetMovies("");
        MovieList.Clear();
        foreach(Movie movie in list)
        {
              MovieList.Add(movie);
        }
    }

【讨论】：

我不同意它会破坏绑定。
当清除而不是实例化一个新列表时，它会按照海报的说明为我保留绑定。

【解决方案2】：

关于这个问题，我有几件事要注意，尽管主要是因为 cmets 正确地阐明了，用新集合替换集合会破坏绑定。因此为什么它不更新。

但是有几个解决方案需要考虑。

在集合上实现INotifyPropertyChanged 并像您所做的那样替换整个集合，这将正常工作。然而，它确实重置了滚动并且基本上从头开始重新计算所有内容。有人会说这违背了ObservableCollection 的意义，因为他们有自己的内置通知管道，是的。但是，如果您用新集合替换整个集合，那么与清除并单独添加每个项目相比，您将节省大量的循环计算，这基本上会在每次更新时触发
在每个项目上单独调用Clear 和Add。如果集合没有太大变化，您甚至可以通过比较两个集合并更新所需内容来更进一步。然而，再一次，如果集合不同，那么这种方法仍然很昂贵，并且在移动设备上，您希望尽可能减少屏幕重新计算。
创建一个子类集合，实现您自己的替换/更新和添加/删除范围方法，INotifyPropertyChanged 为您提供两全其美，这将允许对集合进行原子修改，然后您可以触发属性更改事件一次。

网上有很多这些方法的例子，只是值得注意的是，有时清除和添加项目并不是移动设备的最佳方法。这取决于您的收藏有多大、发生了多少变化以及为什么发生变化。

如果它是一个完全不同的列表，那么在我看来替换集合就可以了。
如果列表相同，那么您可能需要比较和修改以节省属性更改

祝你好运

【讨论】：

【解决方案3】：

我不同意其他答案。你可以随意设置Movies，这不是问题。

问题只是你的viewmodel 没有实现INotifyPropertyChanged。

当您设置 ObservableCollection 时，您的 UI 不会收到通知。

【讨论】：

我同意你的观点，但我目前正在在一页上解决这个问题，即使实施了 INPC，但列表仍然不会更新。有趣的是，如果我在 viewmodel ctor 中初始化 viewmodel，它会更新，但如果在 MessagingCenter 订阅中修改了数据，它不会更新。

【解决方案4】：

您的服务命令实际上正在替换ObservableCollection，您需要将您的GetMovies() 方法更改为

var list = service.GetMovies("");
MovieList.clear();
foreach(Movie m in list)
{ MovieList.Add(m);}

【讨论】：