ReactivePropertyからReadOnlyReactiveCollectionの生成

Question

ReactivePropertyからReadOnlyReactiveCollectionの生成をしたいのですが
以下のコードで試したのですが、CombineLatestからの戻り値はIObservable<ReactiveCollection<string>>になるようです。
ReadOnlyReactiveCollection<string>にするにはどうすれば良いでしょうか？

public ReactivePropertySlim<string> FirstName { get; set; }

public ReactivePropertySlim<string> LastName { get; set; }

public ReadOnlyReactiveCollection<string> Messages { get; private set; }

Messages = FirstName.CombineLatest(LastName,
    (f, l) => new ReactiveCollection<string>
    {
        $"{nameof(FirstName)}: {f}",
        $"{nameof(LastName)}: {l}"
    });

Comments

[Zuishin]

FirstName.CombineLatest(...).ToReadOnlyReactiveCollection() ではできませんか？

https://blog.okazuki.jp/entry/2014/05/07/014133
> IObservable<CollectionChanged<T>>か、シンプルにIObservable<T>から生成する方法があります。

[haru853]

私も、.ToReadOnlyReactiveCollection()をおこなえば良いのかなと思ったのですが、できませんでした。
CombineLatestは、IObservable<T>を生成するメソッドなのでTをコレクションにしてしまうと余計ややこしくなってしまうようですね。

[Zuishin]

いや、そうなるのは CombineLatest のせいではなく、質問のコードのように new ReactiveCollection<string> しているからですね。現にベストアンサーの to4kichi さんの二番目のコードでも CombineLatest が使われています。

[haru853]

コメントがわかりずらかったようで申し訳ありません。
おっしゃるとおり「new ReactiveCollection<string>」のところが、そもそもCombineLatestの使い方として適切ではないのだと思います。
私のコメントの意図としては、CombineLatestは、IObservable<T>を生成するメソッドなのでTをコレクション（new ReactiveCollection<string>）にしてしまうと余計ややこしくなってしまう。という意味で書かせてもらいました。
to4kichi さんの二番目のコードのようにTがコレクションでない場合は、CombineLatestではIObservable<string>が生成されるだけですので全く問題ないですね。
ReactivePropertyで一般的に使用されているCombineLatestの使い方と思います。
ただし合成になってしまうので今回希望している用途としては使用できませんが。
（.ToReadOnlyReactiveCollection()しても、要素数が２のコレクションにはなるわけではないので）

Answer 1

２つの文字列を合成せず、単に変更された順に出力したい場合はObservable.Merge()を使うとよさそうです。

Messages = Observable.Merge(
    FirstName.Select(x => $"{nameof(FirstName)}: {x}"),
    LastName.Select(x => $"{nameof(LastName)}: {x}")
    )
    .ToReadOnlyReactiveCollection();

どちらかの文字列が変化したタイミングで、２つの文字列を合成して一つの文字列にして出力したい場合にはObservable.CombineLatest()を使うとよさそう。

Messages = Observable.CombineLatest(FirstName, LastName)
    .Select(list => string.Join(" ", list))
    .ToReadOnlyReactiveCollection();

参考：
MVVMとリアクティブプログラミングを支援するライブラリ「ReactiveProperty v2.0」オーバービュー
https://blog.okazuki.jp/entry/2015/02/22/212827

Comments

[haru853]

Observable.Merge()というのがあるのですね。
これで希望の動作になりそうです。
ありがとうございました。