Wp8 longlistselectorでのページング処理
Download as PPTX, PDF0 likes1,130 views
Windows Phone 8のLongListSelectorで、リスト終端でデータを追加読み込みする処理（ページング処理）の実現方法を紹介します。
Wp8 longlistselectorでのページング処理
- 2. Windows Phoneでのリスト表示 ListBox (Windows Phone 7.5) LongListSelector (Windows Phone 8)
- 3. ページング処理とは？ リストに表示するデータ • データソースからデータを取得できる1回 あたりの件数に上限があることが多い Webサービスなど Twitter, ATND, … • データソースからのデータ取得パラメータ 取得条件（検索キーワードなど） 何件取得するか 何件目から取得するか
- 4. ListBoxへのデータ表示 ItemsSourceプロパティに IEnumerableなデータをBindingする • データソースから取得したデータを格納し たListなど ItemsSource List box item 01 List box item 02 List box item 03 … Bind
- 5. データ取得のタイミング データソースから決まった件数ずつし か取得できないときは？ • ItemsSourceにBindしたデータを取得ご とに更新する • いつ更新すればいいのか？ • １つの方法は「ListBoxが最後まで表示し た」ときにデータを取得する
- 6. ListBox(WP 7.5)の場合 Listの最後を表示したことを、VisualStateで検知できる • MSDNブログ「WP7.5 でリストボックスのスクロールエンドで圧 縮されるときのイベントを取る」（高橋忍） http://blogs.msdn.com/b/shintak/archive/2011/08/06/101933 47.aspx 以下の状態が定義されている VisualStateGroup VisualState 意味 VerticalCompresion CompressionTop 最上段でのスクロールエンド CompressionBottom 最下段でのスクロールエンド NoVerticalCompression スクロールエンドでない HorizontalCompression CompressionLeft 左端でのスクロールエンド CompressionRight 右端でのスクロールエンド NoHorizontalCompression スクロールエンドでない
- 7. ListBox(WP 7.5)の場合 手順 1. VisualStateGroupをScrollViewerで再 定義する ScrollViewerはListBoxに含まれる 2. ScrollViewerのVisualStateGroup “VerticalCompression”の状態変化イベ ントにハンドラを登録 CurrentStateChangingイベント 3. イベントハンドラでは、新しい状態が CompressionBottomであればデータを 取得する
- 9. LongListSelector(WP8)の場合 WP8で標準に取り込まれた LongListSelectorでは？ • ListBoxとは内部構造が変わっていて ScrollViewerがない • 別の方法が必要 ItemRealizedイベント • LLSの要素が表示されるタイミングで発生 仮想化されているので、リスト要素を順次生成 している
- 12. まとめ データソースからページ単位で取得す る場合、データ取得のタイミングとし て以下が使える • ListBox VerticalCompresion VisualStateGroupの CompressionBottom状態を検知する • LongListSelector ItemRealizedイベントでItemsSourceの最後 のデータが表示されたことを検知する