Использование IObservable (Rx) в качестве замены INotifyCollectionChanged для MVVM? - PullRequest
7 голосов
/ 18 января 2011

Я изучал использование Rx в среде MVVM. Идея состоит в том, чтобы использовать «живые» запросы LINQ по наборам данных в памяти, чтобы проецировать данные в модели представления для привязки.

Ранее это было возможно с использованием INotifyPropertyChanged / INotifyCollectionChanged и библиотеки с открытым исходным кодом с именем CLINQ . Потенциал использования Rx и IObservable состоит в том, чтобы перейти к гораздо более декларативной ViewModel, используя классы Subject для распространения измененных событий из исходной модели через View. Для последнего шага потребуется преобразование из IObservable в обычные интерфейсы привязки данных.

Проблема в том, что Rx, похоже, не поддерживает уведомление о том, что объект был удален из потока. Пример ниже.
Код показывает POCO, который использует класс BehaviorSubject для состояния поля. Код переходит к созданию коллекции этих объектов и использованию Concat для объединения потоков фильтров. Это означает, что о любых изменениях в POCO сообщается в один поток.

Фильтр для этого потока настроен на фильтрацию по рейтингу == 0. Подписка просто выводит результат в окно отладки, когда происходит событие четности.

Настройки рейтинга = 0 для любого элемента вызовут событие. Но если установить для параметра Rating значение 5, события не будут видны.

В случае CLINQ выходные данные запроса будут поддерживать INotifyCollectionChanged - поэтому элементы, добавленные и удаленные из результата запроса, будут вызывать правильное событие, указывающее, что результат запроса был изменен (элемент добавлен или удален).

Единственный способ, с помощью которого я могу думать об этом, - это настроить два потока с противоположными (двойными) запросами. Элемент, добавленный в противоположный поток, подразумевает удаление из набора результатов. В противном случае я мог бы просто использовать FromEvent и не делать ни одну из моделей сущностей наблюдаемой - что делает Rx больше всего лишь агрегатором событий. Есть указатели?

using System;
using System.ComponentModel;
using System.Linq;
using System.Collections.Generic;

namespace RxTest
{

    public class TestEntity : Subject<TestEntity>, INotifyPropertyChanged
    {
        public IObservable<string> FileObservable { get; set; }
        public IObservable<int> RatingObservable { get; set; }

        public string File
        {
            get { return FileObservable.First(); }
            set { (FileObservable as IObserver<string>).OnNext(value); }
        }

        public int Rating
        {
            get { return RatingObservable.First(); }
            set { (RatingObservable as IObserver<int>).OnNext(value); }
        }

        public event PropertyChangedEventHandler PropertyChanged;

        public TestEntity()
        {
            this.FileObservable = new BehaviorSubject<string>(string.Empty);
            this.RatingObservable = new BehaviorSubject<int>(0);
            this.FileObservable.Subscribe(f => { OnNotifyPropertyChanged("File"); });
            this.RatingObservable.Subscribe(f => { OnNotifyPropertyChanged("Rating"); });
        }

        private void OnNotifyPropertyChanged(string property)
        {
            if (PropertyChanged != null) PropertyChanged(this, new PropertyChangedEventArgs(property));
            // update the class Observable
            OnNext(this);
        }

    }

    public class TestModel
    {
        private List<TestEntity> collection { get; set; }
        private IDisposable sub;

        public TestModel()
        {
            this.collection = new List<TestEntity>() {
            new TestEntity() { File = "MySong.mp3", Rating = 5 },
            new TestEntity() { File = "Heart.mp3", Rating = 5 },
            new TestEntity() { File = "KarmaPolice.mp3", Rating = 5 }};

            var observableCollection = Observable.Concat<TestEntity>(this.collection.Cast<IObservable<TestEntity>>());
            var filteredCollection = from entity in observableCollection
                                     where entity.Rating==0
                                     select entity;
            this.sub = filteredCollection.Subscribe(entity =>
                {
                    System.Diagnostics.Debug.WriteLine("Added :" + entity.File);
                }
            );
            this.collection[0].Rating = 0;
            this.collection[0].Rating = 5;
        }
    };
}

Ответы [ 5 ]

6 голосов
/ 20 января 2011

На самом деле я нашел библиотеку Reactive-UI полезной для этого (доступна в NuGet).Эта библиотека включает в себя специальные объекты IObservable для коллекций и средства для создания одного из этих «ReactiveCollections» поверх традиционной коллекции INCC.Благодаря этому у меня есть потоки для новых, удаленных предметов и меняющихся предметов в коллекции.Затем я использую Zip для объединения потоков и изменения целевой коллекции ViewModel.Это обеспечивает прямую проекцию, основанную на запросе к исходной модели.

Следующий код решил проблему (этот код был бы еще проще, но есть некоторые проблемы с версией Silverlight Reactive-UI, для которой требовались обходные пути).).Код запускает измененные события коллекции, просто настраивая значение «Rating» для одного из элементов коллекции:

using System;
using System.ComponentModel;
using System.Linq;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Collections.Specialized;
using ReactiveUI;

namespace RxTest
{

    public class TestEntity :  ReactiveObject, INotifyPropertyChanged, INotifyPropertyChanging
    {
        public string _File;
        public int _Rating = 0;
        public string File
        {
            get { return _File; }
            set { this.RaiseAndSetIfChanged(x => x.File, value); }
        }

        public int Rating
        {
            get { return this._Rating; }
            set { this.RaiseAndSetIfChanged(x => x.Rating, value); }
        }

        public TestEntity()
        {
        }
    }

    public class TestModel
    {
        private IEnumerable<TestEntity> collection { get; set; }
        private IDisposable sub;

        public TestModel()
        {
            this.collection = new ObservableCollection<TestEntity>() {
            new TestEntity() { File = "MySong.mp3", Rating = 5 },
            new TestEntity() { File = "Heart.mp3", Rating = 5 },
            new TestEntity() { File = "KarmaPolice.mp3", Rating = 5 }};

            var filter = new Func<int, bool>( Rating => (Rating == 0));

            var target = new ObservableCollection<TestEntity>();
            target.CollectionChanged += new NotifyCollectionChangedEventHandler(target_CollectionChanged);
            var react = new ReactiveCollection<TestEntity>(this.collection);
            react.ChangeTrackingEnabled = true;

            // update the target projection collection if an item is added
            react.ItemsAdded.Subscribe( v => { if (filter.Invoke(v.Rating)) target.Add(v); } );
            // update the target projection collection if an item is removed (and it was in the target)
            react.ItemsRemoved.Subscribe(v => { if (filter.Invoke(v.Rating) && target.Contains(v)) target.Remove(v); });

            // track items changed in the collection.  Filter only if the property "Rating" changes
            var ratingChangingStream = react.ItemChanging.Where(i => i.PropertyName == "Rating").Select(i => new { Rating = i.Sender.Rating, Entity = i.Sender });
            var ratingChangedStream = react.ItemChanged.Where(i => i.PropertyName == "Rating").Select(i => new { Rating = i.Sender.Rating, Entity = i.Sender });
            // pair the two streams together for before and after the entity has changed.  Make changes to the target
            Observable.Zip(ratingChangingStream,ratingChangedStream, 
                (changingItem, changedItem) => new { ChangingRating=(int)changingItem.Rating, ChangedRating=(int)changedItem.Rating, Entity=changedItem.Entity})
                .Subscribe(v => { 
                    if (filter.Invoke(v.ChangingRating) && (!filter.Invoke(v.ChangedRating))) target.Remove(v.Entity);
                    if ((!filter.Invoke(v.ChangingRating)) && filter.Invoke(v.ChangedRating)) target.Add(v.Entity);
                });

            // should fire CollectionChanged Add in the target view model collection
            this.collection.ElementAt(0).Rating = 0;
            // should fire CollectionChanged Remove in the target view model collection
            this.collection.ElementAt(0).Rating = 5;
        }

        void target_CollectionChanged(object sender, NotifyCollectionChangedEventArgs e)
        {
            System.Diagnostics.Debug.WriteLine(e.Action);
        }
    }
}
2 голосов
/ 18 января 2011

Что не так с использованием ObservableCollection<T>?Rx - это очень простая структура для чрезмерного использования;Я считаю, что если вы столкнетесь с основной предпосылкой асинхронного потока, вам, вероятно, не следует использовать Rx для этой конкретной проблемы.

1 голос
/ 08 января 2012

Все реализации INPC, которые я когда-либо видел, лучше всего помечать как ярлыки или хаки. Однако я не могу винить разработчиков, поскольку механизм INPC, который создатели .NET поддерживают, ужасен. С учетом сказанного, я недавно обнаружил, на мой взгляд, лучшую реализацию INPC и лучшее дополнение к любой среде MVVM. В дополнение к предоставлению десятков чрезвычайно полезных функций и расширений, он также содержит самый элегантный шаблон INPC, который я когда-либо видел. Он чем-то напоминает инфраструктуру ReactiveUI, но не был разработан, чтобы быть всеобъемлющей платформой MVVM. Чтобы создать ViewModel, которая поддерживает INPC, ему не нужны ни базовый класс, ни интерфейсы, да, он по-прежнему может поддерживать уведомление о полном изменении и двухстороннее связывание, и, что самое главное, все ваши свойства могут быть автоматическими!

Он НЕ использует утилиту, такую ​​как PostSharp или NotifyPropertyWeaver, но построен на основе инфраструктуры Reactive Extensions. Имя этого нового фреймворка: ReactiveProperty . Я предлагаю посетить сайт проекта (на codeplex ) и свернуть пакет NuGet. Кроме того, просматривает исходный код, потому что это действительно удовольствие.

Я никак не связан с разработчиком, и проект все еще довольно новый. Я просто в восторге от функций, которые он предлагает.

0 голосов
/ 18 января 2011

Проблема в том, что вы просматриваете уведомления из списка TestEntity, а не из самих TestEntity. Таким образом, вы видите, добавляет, но не изменения в любой TestEntity. Чтобы увидеть этот комментарий:

        if (PropertyChanged != null) PropertyChanged(this, new PropertyChangedEventArgs(property));

и вы увидите, что программа работает так же! Ваши уведомления в TestEntity не связаны ни с чем. Как утверждают другие, использование ObservableCollection добавит эту проводку для вас.

0 голосов
/ 18 января 2011

На мой взгляд, это не подходящее использование Rx. Rx Observable - это поток «событий», на который вы можете подписаться. Вы можете реагировать на эти события в своей модели представления, например, добавляя их в коллекцию ObservableCollection, которая привязана к вашему представлению. Однако Observable нельзя использовать для представления фиксированного набора элементов, из которых вы добавляете / удаляете элементы.

...