ios – 当前单元格不可见时,UICollectionView显示错误的项目数？

2019年7月28日 268次阅读

我有一个关于我的UICollectionView中显示的项目的问题,我不知道如何解释,但我会尽可能详细,希望有人可以帮助解决这个问题.

目前,我有一个包含UICollectionView的UITableViewCell.每个UICollectionCell包含一个从其indexPath中检索的图像.

以下示例代码是我对包含UICollectionView的UITableViewCell的实现：

extension MainViewController: UITableViewDelegate
{
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell
    {
        var cell: UITableViewCell = UITableViewCell()

        ....

        if indexPath.section == 4
        {
            if let customCell = tableView.dequeueReusableCell(withIdentifier: "CustomCell", for: indexPath) as? CustomTableViewCell
            {
                if images_ARRAY.isEmpty == false
                {
                    customCell.images_ARRAY = images_ARRAY
                    customCell.awakeFromNib()
                }

                return imagesCell
            }
        }

        return cell
    }
}

class CustomTableViewCell: UITableViewCell
{
    @IBOutlet var imagesCollectionView: UICollectionView!

    var images_ARRAY = [UIImage]()

    var images = [INSPhotoViewable]()

    override func awakeFromNib()
    {
        super.awakeFromNib()
        // Initialization code

        print("awakeFromNib")

        // Through through each image of the record
        for image in images_ARRAY
        {
            images.append(INSPhoto(image: image, thumbnailImage: SomeClass.resized(originalImage: image, withPercentage: 0.3) ) )
        }

        imagesCollectionView.dataSource = self
        imagesCollectionView.delegate = self
    }

    ....

    override func prepareForReuse()
    {
        super.prepareForReuse()

        print("prepareForReuse")

        images.removeAll()
    }
}

extension CustomTableViewCell: UICollectionViewDataSource
{
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int
    {
        return images.count
    }

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

        print("indexPath.row = \(indexPath.item)")

        cell.populateWithPhoto(images[indexPath.item])

        return cell
    }
}

我在我的MainViewController中使用UIImagePickerController来选择一个图像,在UICollectionViewCell中设置它,并在UITableViewCell中显示它,如下所示：

extension MainViewController: UIImagePickerControllerDelegate
{
    func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [String : Any])
    {
        if let selectedImage = info[UIImagePickerControllerOriginalImage] as? UIImage
        {
            // Store and display the image
            if let cell = mainVCTableView.cellForRow(at: IndexPath(row: 0, section: 4) ) as? CustomTableViewCell
            {
                cell.images_ARRAY.append(selectedImage)

                // Remove any existing images before adding all images again
                cell.images.removeAll()

                cell.awakeFromNib()

                cell.imagesCollectionView.reloadData()

                images_ARRAY = cell.images_ARRAY

                if ( (images_ARRAY.count - 1) % 4) == 0 &&
                        images_ARRAY.count != 1
                {
                    self.mainVCTableView.reloadRows(at: [ IndexPath(row: 0, section: 4) ], with: UITableViewRowAnimation.none)
                }
            }
        }

        picker.dismiss(animated: true, completion: nil)
    }

    func imagePickerControllerDidCancel(_ picker: UIImagePickerController)
    {
        picker.dismiss(animated: true, completion: nil)
    }
}

每次用户选择图像时,图像阵列中的所有图像都将被删除,并在重新加载imagesCollectionView之前从images_ARRAY重新添加.当添加4个图像时,UITableViewCell看起来像这样：

《ios – 当前单元格不可见时,UICollectionView显示错误的项目数？》

添加第5个图像时,UITableViewCell会动态更改其高度,因此会自动更改self.mainVCTableView.reloadRows代码,只要添加了第9,13,17等图像,就会重新加载行以扩展UITableViewCell的高度：

《ios – 当前单元格不可见时,UICollectionView显示错误的项目数？》

我遇到的问题是当添加第9个图像时,单元格在屏幕上不可见,因此当调用self.mainVCTableView.reloadRows(最终在我的CustomTableViewCell中调用cellForItemAt)时,indexPath.item最初报告为4,然后从0,1,2等开始.

以下2个屏幕截图是将第8(左)和第9(右)图像添加到UICollectionView时：

《ios – 当前单元格不可见时,UICollectionView显示错误的项目数？》 《ios – 当前单元格不可见时,UICollectionView显示错误的项目数？》

正如你在右边看到的那样,第6,第7和第8个图像已经消失,我有一个空行空间,第9个图像应该是.

向下滚动表格视图显示：

《ios – 当前单元格不可见时,UICollectionView显示错误的项目数？》

添加第9个图像时打印出indexPath.item会显示以下内容：

indexPath.row = 4
indexPath.row = 0
indexPath.row = 1
indexPath.row = 2
indexPath.row = 3
indexPath.row = 4
indexPath.row = 5
indexPath.row = 6
indexPath.row = 7

但是,一旦我添加了第10张图像,当重新加载imagesCollectionView时,所有图像都会重新出现：

《ios – 当前单元格不可见时,UICollectionView显示错误的项目数？》

添加第10张图片后打印出来显示：

indexPath.row = 0
indexPath.row = 1
indexPath.row = 2
indexPath.row = 3
indexPath.row = 4
indexPath.row = 5
indexPath.row = 6
indexPath.row = 7
indexPath.row = 8
indexPath.row = 9

我不太明白发生了什么？我为这篇长篇文章道歉,但希望具体解决我的问题并展示插图,以便有人能够更好地理解我的帮助.

谢谢！

最佳答案 归功于@Aravind A R的建议,但问题最终通过在返回单元格之前重新加载cellForRowAt内的UICollectionView来解决：

if images_ARRAY.isEmpty == false
{
    customCell.images_ARRAY = images_ARRAY
    customCell.awakeFromNib()

    customCell.imagesCollectionView.reloadData()
}
点赞