質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.60%

マルチスレッドでのCollectionview読み込みがうまくいかない

解決済

回答 1

投稿

  • 評価
  • クリップ 0
  • VIEW 953
退会済みユーザー

退会済みユーザー

Realmに保存している写真のlocalIdentifierから写真をCollectionViewに表示できるようにしたのですが

スクロールの速度を上げるとカクついてしまうため、マルチスレッドで読み込みを早くしようとしたら、カクつきはしなくなりましたが
その代わり読み込まれる画像がおかしくなってしまいます

もしかしたら他スレッドでの処理が終わっていないのにcellへの画像設定が呼び出されているから、おかしいのかなと思いましたが、解決策がわかりません

解決方法をご存知の方いましたらご教授願えませんでしょうか

よろしくお願いいたします

CollectionViewDelegate

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "test", for: indexPath) as! collectionViewCell        
    _getPhotoImage(index: indexPath.row)
    cell.photoView.image = self.image        
    return cell
}
private var image: UIImage?

private func _getPhotoImage(index: Int){
        let realm = try! Realm()
       //Realmはバラバラに保存されるため、順番を保持するための配列
        var photoCollection = UserDefaults.standard.array(forKey: "PHOTO_COLLECTION")

        if let photoObject = realm.object(ofType: Photo.self, forPrimaryKey: (photoCollection?[index])){
            let _photo = ThreadSafeReference(to: photoObject)
            DispatchQueue.global(qos: .userInteractive).async {    
                let realm = try! Realm()
                guard let photo = realm.resolve(_photo) else {
                    return 
                }
                let localIdentifier: [String] = [photo.photoURL!]
                let photoAsset = PHAsset.fetchAssets(withLocalIdentifiers: localIdentifier, options: nil)
               //PHAssetをUIImageに変換
                self.image = getUIImage(asset:photoAsset.object(at: 0))
            }
        }
}
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

0

マルチスレッドで動いているなら完了する順番がわかりませんから self.imageに一旦保存するようなことはしてはダメです。
画像が読み込み終わったら、DispatchQueue.mainでメインスレッドに戻してセルが画面内にあれば(cellForItemが返ってくれば)そのセルに画像を設定します。

let image = getUIImage(asset:photoAsset.object(at: 0))
DispatchQueue.main.async{
    // cellは適当に自分のセルの型に変換してください
    let cell = self.collectionView.cellForItem(at:index)
    cell?.photoView.image = image
}

cellForItemAt の cell.photoView.image = self.image は不要です。
あと、現状だとセルが表示されるたびに読み込みが発生するので、多少キャッシュするような処理が必要になると思います。

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/02/11 12:09

    回答ありがとうございます
    試してみたところ動きがよくなりました!

    最後に一つだけお聞きしたいのですが、カク付きはなくなったのですが、読み込みが間に合っていない時があります、それはおっしゃっていた表示されるたびに読み込みが発生しているから、処理が間に合っていないという考え方で大丈夫でしょうか?

    キャンセル

  • 2019/02/11 16:41

    間に合っていない、というのは空の領域が表示されてしばらくしたら画像が出る、ということですか?
    それならその通りです。素早くスクロールした場合などは大量の読み込みが発生するので、DispatchQueueに要求がどんどん溜まっていき、(すでにスクロールが行き過ぎて不要になった画像も含めて)順次読み込まれていくのでどうしても遅延が発生します。

    対応方法はいくつかあります。
    ・DispatchQueue.globalの実行ブロックでそのインデックスが表示範囲内か確認し、不要なら画像を読み込まない
    ・スクロールの範囲から必要な前後をある程度先読みする
    ・一度読んだ画像はある程度キャッシュする

    完全な対処は難しいですが、これらを組み合わせれば必要十分なレベルになると思います。

    キャンセル

  • 2019/02/12 09:59

    勉強になりました!
    ありがとうございました!!

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.60%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る