WPFでListViewの表示されている範囲のアイテムを取得したい

Question

以下のような条件を実現したいのですがうまい実現方法が浮かびません。分かる方どうかご教示ください。

1. ListViewで大量の画像を出したい(スクロール可)
2. ViewModelに全ての画像データをもたせるとメモリ消費が大きすぎるため回避したい
3. 表示領域に変更あった時に随時画像を読み込むことで対処したい

解決策としてScrollViewer辺りから情報を取れないものかと考えていますが、以下の問題に当たりました。

• リストListView内包?のScrollViewerへのアクセス方法がわからない

XAMLでListViewを定義するとき添付プロパティでScrollViewerを設定しているのですが、この場合元となるScrollViewerはどこにあってアクセスすればいいのでしょうか？

<ListView ScrollViewer.CanContentScroll="True"></ListView>

Answer 1

WPFでFacebookやTwitterのタイムラインに似た上下無限スクロール型のSNSアプリを作ったことがあります。その時にもやはりListViewにすべてを一度に読み込んだ場合のパフォーマンスに問題がありました。

試行錯誤の結果、画面に現在表示されているビューポート（高さ固定のScrollViewとその子要素として可変件数のListViewで構成）を基準に、上下方向にプラス／マイナス2倍程度の高さにおさまる件数のみを残し、それ以上に”遠い位置にある”レコードを削除する仕組みを自作しました。

ビューポートの高さを基準とし、各投稿記事の表示時の高さを積み上げて、実際に表示されている部分とスクロール操作に自然に対応できるためのマージンを調整するアプローチで設計しました。現在、上下どちらの方向にスクロールしているのかを常に監視し、スクロール方向は読込みマージンを大きく、スクロール逆方向は早めに削除、という戦略も組み込みました。結果は非常に良好で、上下スクロールでの”引っかかる感じ”は完全に解消できました。

表示するコンテンツの性質や、上下スクロールがアプリにとってどのような意味を持つかにより実装の詳細は変わってくるとおもいますが、やっただけの効果はあります。

Comments

[退会済みユーザー]

XAML+データバインディングにこだわっていたようです。
確かに元データ側で対処すれば早そうですね。
少し検討してみます。
ありがとうございました。