Xamarin表单ListView不从ObservableCollection更新

时间:2018-05-07 00:44:40

标签: c# xamarin xamarin.forms cross-platform observablecollection

我的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)
        {
        }
    }

4 个答案:

答案 0 :(得分:6)

不要将ObservableCollection设置为新的List它将破坏绑定。清除列表中的项目并将新项目添加到其中。

    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);
        }
    }

答案 1 :(得分:2)

我想在这个问题上注意一些事情,但主要是因为评论正确地阐明了,用新的集合替换集合会破坏绑定。因此,为什么它没有更新。

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

  1. 在集合上实现INotifyPropertyChanged并像你一样替换整个集合,这样可以正常工作。但是它会重置滚动并基本上从头开始重新计算所有内容。有些人会说这会使ObservableCollection失败,因为他们有自己内置的通知管道,是的。但是,如果你用一个新的集合替换整个集合,那么你将节省大量的循环计算,与cleaRing相比并单独添加每个项目,这基本上会为每次更新触发

  2. 分别在每个项目上调用ClearAdd。如果集合没有太大变化,您甚至可以通过比较2个集合并更新最新信息来更进一步需要。但是,如果集合不同,那么这种方法仍然很昂贵,而且在移动设备上,您希望尽可能减少屏幕重新计算。

  3. 创建一个子类集合,实现自己的替换/更新,添加/删除范围方法,INotifyPropertyChanged为您提供两全其美的优势,这将允许对集合进行原子修改,然后您可以触发属性更改事件一次。

  4. 所有这些在线方法都有很多例子,值得注意的是清除和添加项目有时并不是移动设备的最佳方法。这取决于你的藏品有多大,改变多少以及原因。

    • 如果它是一个完全不同的列表,那么在我看来更换集合是正常的。
    • 如果它是相同的列表,那么您可能想要比较和修改以保存属性更改

    无论如何祝你好运

答案 2 :(得分:1)

您的服务命令实际上已取代ObservableCollection,您需要将GetMovies()方法更改为

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

答案 3 :(得分:1)

我不同意其他答案。您可以根据需要多次设置Movies,这不是问题。

问题在于您的viewmodel没有实现INotifyPropertyChanged

设置ObservableCollection时,系统不会通知您的用户界面。