uicollectionviewのcellにsdwebimageを使って画像を挿入した時に、最後のcellしか表示されない。

Question

uicollectionviewのcellにsdwebimageを使って画像を挿入した時に、最後のcellしか表示されないのですが、どうすれば全てのセルの画像を表示できますか。

 func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    
        // アイテムを作成
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: cellId, for: indexPath)
       
        
        ref = Database.database().reference()
        ref.child("users").child(userID!).child("store").observe(DataEventType.value, with: { (snapshot) in
            if let snap = snapshot.value as? [String : AnyObject] {
            
                print(self.store.count)
                
                if indexPath.item < self.store.count {
                    self.result = snap[self.store[indexPath.item]] as? String
                    var url = URL(string:self.result!)

                    self.imageView1.sd_setImage(with:url)
                
                    cell.backgroundView = self.imageView1
                  
                    self.imageView1.sd_setImage(with: url, completed: { (_, error, _, _) in
                        if error == nil {
                    
                            self.imageView1.layer.masksToBounds = true
                            
                            self.imageView1.layer.cornerRadius = self.imageView1.frame.size.width * 0.5
                            
                          
                        }
                    })
                
                }
            
            }
            
        })
       
        return cell
 
    }

Answer 1

おそらくself.imageView1を固定のまま持っており、cell.backgroundViewにそのまま入れてしまっているため
全て同一の場所を参照しにいくようになっており、self.imageView1の値が書き換わってしまうと他のcellも全てその画像が表示されている状態ではないでしょうか？

解決方法としてはカスタムセルを作成してcell自体にimageViewを持たせてそこでcell.imageView.sd_setImage(hogehoge)のようにする。
もしくはself.imageView1 = UIImageView.init()のようにして各セルごとに参照するUIImageViewオブジェクトを作ってやる必要があります。
私はtableViewやcollectionViewを使うときは前者のような作り方をすることが多いです。

カスタムセルの作り方については検索すると色々と載っていると思います。下記ご参考までに。
UICollectionViewのカスタムセルの作り方とセルの再利用について

Comments

[waterfall]

後者の方法を実行することによって、理想通りに実装することができました。デタラメな質問に対して親切に回答して頂きありがとうございました。