在集合视图中有包含数据的单元格和空单元格

Question

所以我有一个集合视图，看起来像such。我在集合视图中有一组我想要的单元格，16。因此，如果没有足够的用户朋友（集合视图的数据），那么我希望 16 中的剩余单元格为空并且能够通过点击“空”单元格获得不同的功能。

编辑：

我能够修复numberOfItemsInSection 上的崩溃。我尝试做的事情，以及有些工作但不完全正确的事情，如果有多个真正的最爱，它只会显示第一个的单元格图像，但是当点击时会将我带到正确用户的视图它应该。我将实际的收藏夹附加到数组favorites，然后确定应该有的假用户数量，并将它们添加到fakeFavorites，最后将它们合并为16。发生的情况是我得到了所有的单元格，除了其中包含 2 个项目的部分显示了真实用户（数组中的第一个）

代码如下：

var favorites: [FUser] = []
var fakeFavorites: [FUser] = []
var allFavorites: [FUser] = []
@objc var favoriteId: [String] = []
var count: Int!
var remaining: Int!

let friendCellId = "friendCellID"

var user: FUser!

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    return CGSize(width: 75, height: 75)
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets {
    if section == 0 {
        return UIEdgeInsets(top: 85, left: 10, bottom: 0, right: 0)
    }
    if section == 1 {
        return UIEdgeInsets(top: 10, left: 0, bottom: 10, right: 0)
    }
    if section == 2 {
        return UIEdgeInsets(top: 85, left: 5, bottom: 0, right: 0)
    }
    if section == 3 {
        return UIEdgeInsets(top: 85, left: 20, bottom: 0, right: 0)
    }
    if section == 4 {
        return UIEdgeInsets(top: 10, left: 0, bottom: 10, right: 0)
    }
    if section == 5 {
        return UIEdgeInsets(top: 85, left: 5, bottom: 0, right: 0)
    }
    if section == 6 {
        return UIEdgeInsets(top: 85, left: 20, bottom: 0, right: 0)
    }
    if section == 7 {
        return UIEdgeInsets(top: 10, left: 0, bottom: 10, right: 0)
    }
    if section == 8 {
        return UIEdgeInsets(top: 85, left: 5, bottom: 0, right: 0)
    }
    if section == 9 {
        return UIEdgeInsets(top: 85, left: 20, bottom: 0, right: 0)
    }
    if section == 10 {
        return UIEdgeInsets(top: 10, left: 0, bottom: 10, right: 0)
    }
    if section == 11 {
        return UIEdgeInsets(top: 85, left: 5, bottom: 0, right: 10)
    }


    return UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 0)
}



func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
    if section == 0 { return 1 }
    if section == 1 { return 2 }
    if section == 2 { return 1 }
    if section == 3 { return 1 }
    if section == 4 { return 2 }
    if section == 5 { return 1 }
    if section == 6 { return 1 }
    if section == 7 { return 2 }
    if section == 8 { return 1 }
    if section == 9 { return 1 }
    if section == 10 { return 2 }
    if section == 11 { return 1 }


    return allFavorites.count
}



func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath) as! FriendsCell


    var favorite: FUser

    if allFavorites.count == 16 {
        favorite = allFavorites[indexPath.row]
        cell.bindData(friend: favorite)
        cell.profileImageView.layer.cornerRadius = 37.5
        cell.profileImageView.layer.masksToBounds = true

    }

    return cell
}

func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
    let favorite = allFavorites[indexPath.row]
    if favorite.objectId == "CjEIGXRDb6hqIYDrTwBbkOlBjzR2" {
        print("Fake user! ")
    } else {
        let otherProfileView = OtherProfileView()
        otherProfileView.user = favorite
        navigationController?.pushViewController(otherProfileView, animated: true)
    }
}



func numberOfSections(in collectionView: UICollectionView) -> Int {
    return 12

}

func loadFavorites() {
    cleanup()


           let favoriteIds = FUser.currentUser()!.favorites

           if favoriteIds.count > 0 {

               for favoriteId in favoriteIds {

                   firebase.child(kUSER).queryOrdered(byChild: kOBJECTID).queryEqual(toValue: favoriteId).observeSingleEvent(of: .value) { (snapshot) in

                       if snapshot.exists() {
                           let userDictionary = ((snapshot.value as! NSDictionary).allValues as Array).first

                           let fuser = FUser.init(_dictionary: userDictionary as! NSDictionary)

                           self.favorites.append(fuser)
                           self.favoriteId.append(fuser.objectId)
                        self.count = self.favorites.count
                        self.remaining = 16 - self.count


                        if self.remaining > 0 {
                            self.createFakeUser(countFake: self.remaining)

                        }
                       }
                    self.friendsCollectionView.reloadData()

                   }

               }

           } else {
               print("There are no favorites!")

           }
}

func createFakeUser(countFake: Int) {

    let fakeUserId = "CjEIGXRDb6hqIYDrTwBbkOlBjzR2"

    firebase.child(kUSER).queryOrdered(byChild: kOBJECTID).queryEqual(toValue: fakeUserId).observeSingleEvent(of: .value) { (snapshot) in
        if snapshot.exists() {
            let userDictionary = ((snapshot.value as! NSDictionary).allValues as Array).first
            let fuser = FUser.init(_dictionary: userDictionary as! NSDictionary)
            print("How many fake users to create: \(countFake)")
            self.fakeFavorites.append(contentsOf: repeatElement(fuser, count: countFake))
            self.allFavorites.append(contentsOf: self.favorites)
            self.allFavorites.append(contentsOf: self.fakeFavorites)
            print("Total amount of all favorites: \(self.allFavorites.count)")
        }
    }
}


   @objc func cleanup() {
    favoriteId.removeAll()
    favorites.removeAll()
    fakeFavorites.removeAll()
    allFavorites.removeAll()
    friendsCollectionView.reloadData()
  }'

我不确定如何解决这个问题。它看起来非常简单和接近，但我不能把手指放在它上面。如果您对我目前的工作有任何改进，请随时告诉我！

非常感谢所有帮助！

Answer 1

如果我正确理解您的问题，您想要做的是在您的集合视图中显示 16 个项目，并且随着新数据的进入，您想用真实的数据库条目替换空项目。如果是这样，您可以这样做：

// FUser
class FUser {
   var id: Int = 0    // Default id value for FUser
   ...
}

在实施此方法时需要考虑以下几点：

• 如果您使用的是 MySQL 数据库，则 FUser 的默认 id 值可以是 0。因为 MySQL 将从 1 开始 id 并自动增加新条目的值。
• 如果您使用的是 Mongo DB，则 FUser 的默认 id 值可以是 ''（空字符串）。

由于每个部分的单元格数量不同，而不是使用收藏夹Array，您可以尝试使用Dictionary。

// Create a favorites dictionary
var favorites: [Int: [FUser]] = [:] // key = section number, value = section items
favorites[0] = [FUser()]
favorites[1] = [FUser(), FUser()]
...

friendsCollectionView.reloadData()

现在您正在使用字典，您可以将 numberOfItemsInSection 代码替换为：

// numberOfItemsInSection
return favorites[section]!.count

此外，在cellForItemAt 函数中获取单元格的数据也变得容易得多。

// cellForItemAt
var favorite = favories[indexPath.section]![indexPath.row]

if favorite.id == 0 { // This should become an empty cell
   let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "emptyCell", for: indexPath) as! EmptyCell
   // configure cell
   return cell
} else { // We got ourselves a friend, yay!
   let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath) as! FriendsCell
   // configure cell
   return cell
}

return cell

最后是选择部分：

// didSelectItemAt
let favorite = favorites[indexPath.section]![indexPath.row]
if favorite.id == 0 {
   // Do the empty action
} else {
   // Do the friend action
}

因此，您可以通过收藏夹字典控制每个部分中显示的项目数量。在numberOfItemsInSection 进行更改时，您无需更改cellForRowAt、didSelectItemAt 等功能的配置。此外，由于您可以区分真实的 FUser 和虚拟的，因此您可以实现空状态操作。您唯一需要做的就是更改 favorites 字典的创建方式。在上面的代码中，我放置了虚拟 FUser 数据，而不检查 API 调用是否获取了真实的 FUsers。将该控件添加到代码中，您应该没问题。