我的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)
{
}
}
答案 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)
我想在这个问题上注意一些事情,但主要是因为评论正确地阐明了,用新的集合替换集合会破坏绑定。因此,为什么它没有更新。
但是有几种解决方案需要考虑。
在集合上实现INotifyPropertyChanged
并像你一样替换整个集合,这样可以正常工作。但是它会重置滚动并基本上从头开始重新计算所有内容。有些人会说这会使ObservableCollection
失败,因为他们有自己内置的通知管道,是的。但是,如果你用一个新的集合替换整个集合,那么你将节省大量的循环计算,与cleaRing相比并单独添加每个项目,这基本上会为每次更新触发
分别在每个项目上调用Clear
和Add
。如果集合没有太大变化,您甚至可以通过比较2个集合并更新最新信息来更进一步需要。但是,如果集合不同,那么这种方法仍然很昂贵,而且在移动设备上,您希望尽可能减少屏幕重新计算。
创建一个子类集合,实现自己的替换/更新,添加/删除范围方法,INotifyPropertyChanged
为您提供两全其美的优势,这将允许对集合进行原子修改,然后您可以触发属性更改事件一次。
所有这些在线方法都有很多例子,值得注意的是清除和添加项目有时并不是移动设备的最佳方法。这取决于你的藏品有多大,改变多少以及原因。
无论如何祝你好运
答案 2 :(得分:1)
您的服务命令实际上已取代ObservableCollection
,您需要将GetMovies()
方法更改为
var list = service.GetMovies("");
MovieList.clear();
foreach(Movie m in list)
{ MovieList.Add(m);}
答案 3 :(得分:1)
我不同意其他答案。您可以根据需要多次设置Movies
,这不是问题。
问题在于您的viewmodel
没有实现INotifyPropertyChanged
。
设置ObservableCollection
时,系统不会通知您的用户界面。