OK、ListView
オブジェクトがあり、List<Filiale>
as ItemSource
として、オブジェクトのリストが変更されるたびにItemSource
を更新します。 ListViewにはパーソナライズされたItemTemplate
があります。今のところ、これを行いました:
public NearMe ()
{
list=jM.ReadData ();
listView.ItemsSource = list;
listView.ItemTemplate = new DataTemplate(typeof(FilialeCell));
searchBar = new SearchBar {
Placeholder="Search"
};
searchBar.TextChanged += (sender, e) => {
TextChanged(searchBar.Text);
};
var stack = new StackLayout { Spacing = 0 };
stack.Children.Add (searchBar);
stack.Children.Add (listView);
Content = stack;
}
public void TextChanged(String text){
//DOSOMETHING
list=newList;
}
TextChangedメソッドを見るとわかるように、前のリストに新しいリストを割り当てていますが、ビューに変更はありません。作成したViewCell
で、ラベルのテキストフィールドにSetBinding
を割り当てます
ここで私はどのように問題を解決したかを説明します。まず、次のようにItemSourceとして取得したリストにINotifyPropertyChanged
を実装する「ラッパー」を作成しました。
public class Wrapper : INotifyPropertyChanged
{
List<Filiale> list;
JsonManager jM = new JsonManager ();//retrieve the list
public event PropertyChangedEventHandler PropertyChanged;
public NearMeViewModel ()
{
list = (jM.ReadData ()).OrderBy (x => x.distanza).ToList();//initialize the list
}
public List<Filiale> List{ //Property that will be used to get and set the item
get{ return list; }
set{
list = value;
if (PropertyChanged != null)
{
PropertyChanged(this,
new PropertyChangedEventArgs("List"));// Throw!!
}
}
}
public void Reinitialize(){ // mymethod
List = (jM.ReadData ()).OrderBy (x => x.distanza).ToList();
}
次に、NearMeクラスで:
Wrapper nearMeVM = new Wrapper();
public NearMe ()
{
Binding myBinding = new Binding("List");
myBinding.Source = nearMeVM;
myBinding.Path ="List";
myBinding.Mode = BindingMode.TwoWay;
listView.SetBinding (ListView.ItemsSourceProperty, myBinding);
listView.ItemTemplate = new DataTemplate(typeof(FilialeCell));
searchBar = new SearchBar {
Placeholder="Search"
};
searchBar.TextChanged += (sender, e) => {
TextChanged(searchBar.Text);
};
var stack = new StackLayout { Spacing = 0 };
stack.Children.Add (searchBar);
stack.Children.Add (listView);
Content = stack;
}
public void TextChanged(String text){
if (!String.IsNullOrEmpty (text)) {
text = text [0].ToString ().ToUpper () + text.Substring (1);
var filterSedi = nearMeVM.List.Where (filiale => filiale.nome.Contains (text));
var newList = filterSedi.ToList ();
nearMeVM.List = newList.OrderBy (x => x.distanza).ToList ();
} else {
nearMeVM.Reinitialize ();
}
ListViewのItemsSourceをnullに設定し、それを再び設定すると、テーブルが再ロードされます。 http://forums.xamarin.com/discussion/18868/tableview-reloaddata-equivalent-for-listview
ベースビューモデルを定義して、INotifyPropertyChangedから継承できます。
public abstract class BaseViewModel : INotifyPropertyChanged
{
protected bool ChangeAndNotify<T>(ref T property, T value, [CallerMemberName] string propertyName = "")
{
if (!EqualityComparer<T>.Default.Equals(property, value))
{
property = value;
NotifyPropertyChanged(propertyName);
return true;
}
return false;
}
protected void NotifyPropertyChanged([CallerMemberName] string propertyName = "")
{
if (PropertyChanged != null)
{
PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
}
}
public event PropertyChangedEventHandler PropertyChanged;
}
次に、ビューモデル(例:JM)はBaseViewModel
から継承され、ObservableCollection<YOURLISTCLASS>
リストを作成できます
また、ViewModel(例:JM)のフィールドは、次のように実装する必要があります。
public const string FirstNamePropertyName = "FirstName";
private string firstName = string.Empty;
public string FirstName
{
get { return firstName; }
set { this.ChangeAndNotify(ref this.firstName, value, FirstNamePropertyName); }
}
お役に立てれば。
リストをObservableCollectionに変更し、INotifyPropertyChangedを実装して、変更をListViewに反映させます。
これは、私が取り組んでいるアプリから抽出したこのパターンの現在の実装です。できる限り簡潔に記述しています。
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Runtime.CompilerServices;
namespace MyNamespace
{
// This base view model takes care of implementing INotifyPropertyChanged
// In your extended View Model classes, use SetValue in your setters.
// This will take care of notifying your ObservableCollection and hence
// updating your UI bound to that collection when your view models change.
public abstract class BaseViewModel : INotifyPropertyChanged
{
protected void SetValue(ref T backingField, T value, [CallerMemberName] string propertyName = null)
{
if (EqualityComparer.Default.Equals(backingField, value)) return;
backingField = value;
OnPropertyChanged(propertyName);
}
public event PropertyChangedEventHandler PropertyChanged;
private void OnPropertyChanged([CallerMemberName] string propertyName = null)
{
PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}
}
// Using MvvM, this would likely be a View Model class.
// However, it could also be a simple POCO model class
public class MyListItem : BaseViewModel
{
private string _itemLabel = "List Item Label";
public string Label
{
get => _itemLabel;
set => SetValue(ref _itemLabel, value);
}
}
// This is your MvvM View Model
// This would typically be your BindingContext on your Page that includes your List View
public class MyViewModel : BaseViewModel
{
private ObservableCollection _myListItemCollection
= new ObservableCollection();
public ObservableCollection MyListItemCollection
{
get { return _myListItemCollection; }
set => SetValue(ref _myListItemCollection, value);
}
}
}