ios - 快速在 UICollectionView 中显示多个图像上传的进度条

Question

我有一个使用 UICollectionView 设计的聊天 View 。我已经成功实现了图片上传功能，每当用户使用图片选择器点击图片时，图片就会上传到服务器。现在我正在尝试为每张图片添加进度条以显示上传状态。目前我所做的是，每当用户使用 UIImagePicker 选择图像时，我的单元格都会更新为最新图像并且 Collection View 滚动到底部并且在 URLsession 委托(delegate)中我捕获最后一个单元格并显示进度，但问题是，当我在上传过程中选择另一张图片时，两者的进度条都显示在最后一个单元格上。下面是我的图像选择器和 session 委托(delegate)代码

func imagePickerController(picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [String : AnyObject]) {

        let chosenImage = info[UIImagePickerControllerOriginalImage] as! UIImage 

        selectedImage = chosenImage

        //Some other code to update cell data

picker.dismissViewControllerAnimated(true, completion: { () -> Void in
            self.scrollToBottomAnimated(true)

        })

let qualityOfServiceClass = QOS_CLASS_BACKGROUND
        let backgroundQueue = dispatch_get_global_queue(qualityOfServiceClass, 0)
        dispatch_async(backgroundQueue, {
            print("To run image upload in background")

            self.uploadImage(UIImageJPEGRepresentation(self.selectedImage!, 0.5)!, parameters:  self.createDictionaryForUploadImageDetails()) { (responseDict, error) -> () in

                if (responseDict != nil) {
                    print(responseDict!)
                }
                else
                {
                    if error != nil
                    {
                        Utilities.showAlertViewMessageAndTitle((error?.localizedDescription)!, title: "Error", delegate: [], cancelButtonTitle: "OK")
                    }

                }

            }
        })
}

NSURLSession 委托(delegate)

func URLSession(session: NSURLSession, task: NSURLSessionTask, didSendBodyData bytesSent: Int64, totalBytesSent: Int64, totalBytesExpectedToSend: Int64)
    {
        let uploadProgress:Float = Float(totalBytesSent) / Float(totalBytesExpectedToSend)

        let section = self.numberOfSectionsInCollectionView(self.chatCollectionView) - 1
        let item = self.collectionView(self.chatCollectionView, numberOfItemsInSection:section)-1
        let finalIndexPath = NSIndexPath(forItem: item, inSection: section)

       if let selectedCell =  chatCollectionView.cellForItemAtIndexPath(finalIndexPath)
       {

            selectedCell.progressView.hidden = false
            selectedCell.progressView = Int(uploadProgress * 360)
            let progressPercent = Int(uploadProgress*100)
            selectedCell.progressView =  Int(uploadProgress) == 1
            print("Progress-\(progressPercent)% - \(progressView.hidden)")

        }
    }

如何为每次上传获取正确的单元格？

Answer 1

您缺少的是数据模型，因此您当前的问题不会是您唯一遇到的问题。

您的数据模型应该类似于一组自定义类，其中自定义类存储要显示的图像，还有有关上传是否正在进行、正在处理的任务、完成百分比的信息, ...

现在，一旦此数据模型就位，任务委托(delegate)就可以轻松地在您的数组中找到正确的实例以更新进度详细信息。数组中的索引告诉您需要为哪个单元格更新 UI。当您滚动单元格时(因此当请求创建/更新新的单元格实例时)您仍然可以显示所有进度信息。