ios - UITableView セルのプリロード

Question

プリフェッチに比較的コストがかかるデータベースからデータを取得する UITableView があります。この問題に対処するために、LazyTableImagesサンプルコードのデザインアイデアを使用して、 [UITableView visibleCells].

これはパフォーマンスの点ではうまく機能しますが、解決したい相互作用の問題が 2 つあります。

スクロールが完全に停止するまで (つまりscrollViewDidEndDecelerating)、データはロードされません。したがって、リストをゆっくりとスクロールする場合は、スクロールを停止して、データを表示されているセルにロードする必要があります。理想的には、スクロールが遅い速度で行われている場合、データをセルにロードします。
スクロールすることを見越して、画面外にある1つまたは2つのテーブルセルデータをプリフェッチしたいと思います。

これを達成するエレガントな方法はありますか？この問題の一般的な設計パターンが欠けているのではないかと感じています。

score 6 · Accepted Answer

スクロールの開始と同時にデータのロードを開始できるので、スクロールが終了するのを待つ必要はないと思います。次の 2 つの方法のいずれかを使用できます。

-(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{}

-(void)scrollViewDidScroll:(UIScrollView *)scrollView{}

また、いつでも可視セルのインデックスを取得できるので、可視セルだけでなく、さらにいくつかのデータをロードできるはずです。

score 2 · Accepted Answer

LazyTableImages コードをそのまま使用している場合、それは正常です。読み込みは、スクロールが終了するまで延期されます。私のテストアプリ (単純な instagram のようなストリーム) では、別のアプローチを使用します。基本的には、セルをサブクラス化し、セル自体からダウンロードを開始し、セルをダウンロードマネージャーのデリゲートとして使用してから、セルの UI を更新します。ダウンロードが終わったら

詳細に

cellForRowAtIndexPath メソッドでダウンロードを開始します (ビューがスクロールしている場合、LazyTableImages はダウンロードを延期します。スクロール中にロードしても問題ないため、ダウンロードを延期しません) セルの「startDownload」メソッドを呼び出します。
私のセルサブクラスはダウンロードマネージャーのデリゲートとして設定され、ダウンロードが完了すると、セルはプレースホルダーを実際の画像に変更します (これはカスタムの "downloadManagerDidFinishDownloadForImage:(UIImage*)image" デリゲートメソッドで実行され、細胞サブクラス)
私のセルサブクラスでは、prepareForReuse メソッドをオーバーライドします。ここで、セルが再利用される場合は、ダウンロードを停止することを選択できます。私の場合、デリゲートの設定を解除し、ダウンロードを続行します。これは、コアデータで作成された画像キャッシュがあり、キャッシュを続行したいからです。

さらに、次の 2 つの点に注意する必要があります。

ダウンロードマネージャーはバックグラウンドスレッドで動作する必要があります
メインスレッドでセル UI を更新してください。使用できます

:

dispatch_async(dispatch_get_main_queue(), ^{
    //update here your cell UI
});

デリゲートメソッドで (そのメソッドがダウンロードマネージャーによって呼び出された場合は、必ずバックグラウンドスレッドで呼び出されるため、ディスパッチを使用してメインスレッドで「移動」する必要があります)。

必要に応じて、私の例を見ることができますが、それは「そのまま」です（これはテストアプリであり、スパゲッティコードと質問に関係のないものがたくさんあります;-)

http://www.lombax.it/documents/InstaXplore.zip

私の例では、次を確認する必要があります。

BrowseCell <-- セルのサブクラス
BrowsePhotoViewController <- テーブルビューコントローラー

他にもコアデータストレージやインスタグラム関連ですが、基本的には

cellForRowAtIndexPath で新しいセルを作成 (または前のセルを再利用) し、InstaImage アイテム (カスタムイメージ) を渡します。
InstaImage は、キャッシュされたコピーが存在するかどうかを確認し、存在しない場合はダウンロードを開始し、セルに警告を返します

何度も試すためのキャッシュクリアボタンがあります:-)

score 1 · Accepted Answer

レイジーイメージロジックは、以前はテーブルビューで使用していた優れたソリューションですが、最近はUITableViewにさまざまなソリューションを実装しています。1つ目は、AppleがWWWDCで提供しているこのビデオのようなNSOperationキューを実装することですhttps://developer.apple.com/videos/wwdc/2012/?include=211#211

または、無限スクロールを作成してみてください。uitableviewcellに到達すると、より多くのデータを含む新しい「ページ」が読み込まれます。このソリューションについてサポートが必要な場合は、お知らせください。

お役に立てれば！

よろしくお願いします、

ホルヘ。

score 1 · Accepted Answer

// called on finger up if the user dragged. decelerate is true if it will continue moving afterwards
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate;



(void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
    if (!decelerate)
    {
        //fetch data for visible rows
    }
}

ios - UITableView セルのプリロード

5 に答える 5

Related

Reference