Xamarin Forms ListView не обновляется из ObservableCollection

Question

ListView моего XAML-файла заполняется 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 в качестве ItemsSource для ListView:

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

Answer 1

Я не согласен с другими ответами. Вы можете установить Movies столько раз, сколько хотите, это не проблема.

Проблема только в том, что ваш viewmodel не реализует INotifyPropertyChanged.

Ваш пользовательский интерфейс просто не уведомляется, когда вы устанавливаете ObservableCollection.

Answer 2

Ваша сервисная команда фактически заменяет ObservableCollection, вам нужно изменить GetMovies() метод на

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

Answer 3

Есть несколько вещей, которые я хочу отметить по этой проблеме, хотя в основном, как правильно освещают комментарии, замена коллекции новой коллекцией нарушает привязки. следовательно, почему это не обновление.

Однако есть несколько решений для рассмотрения.

1. Внесите INotifyPropertyChanged в коллекцию и замените всю коллекцию, как вы делаете. Это будет работать нормально. Однако он сбрасывает прокрутку и в основном пересчитывает все с нуля. Кто-то скажет, что это побеждает точку ObservableCollection, поскольку у них есть своя собственная встроенная система уведомлений, да, это так. Хотя, если вы замените всю коллекцию новой коллекцией, вы сэкономите на куче циклических вычислений по сравнению с очисткой и добавляете каждый элемент обратно индивидуально, что в основном срабатывает при каждом обновлении

2. Вызовите Clear и Add для каждого элемента в отдельности. Если коллекция не сильно изменилась, вы даже можете сделать еще один шаг, просто сравнив 2 коллекции и обновив то, что нужно. Однако, опять же, если коллекции различаются, тогда этот подход все еще дорог, и на мобильном устройстве вы хотите минимизировать пересчеты экрана, где это возможно.

3. Создание подклассовой коллекции, реализация собственных методов замены / обновления и добавления / удаления диапазона, и INotifyPropertyChanged, дающий вам лучшее из обоих миров, это позволит атомарно модифицировать коллекцию, а затем вы сможете запустить свойство изменило событие один раз.

Есть много примеров всех этих подходов в сети, просто стоит отметить, что очистка и добавление элементов иногда не лучший подход для мобильных устройств. Это зависит от того, насколько велики ваши коллекции, сколько меняется и почему.

• Если это совершенно другой список, то, на мой взгляд, замена коллекции - это хорошо.
• Если это тот же список, то вы можете сравнить и изменить, чтобы сохранить изменения свойств

В любом случае, удачи

Answer 4

Не устанавливайте 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);
        }
    }