在swift中的UICollectionView中显示多个图像上传的进度条

时间:2016-03-17 12:12:35

标签: ios swift uicollectionview progress-bar nsurlsession

我有一个使用UICollectionView设计的聊天视图。我已经成功实现了图像上传功能,只要用户使用图像选择器点击图像,图像就会上传到服务器。现在我正在尝试为每个图像添加进度条以显示上传状态。目前我所做的是,每当用户使用UIImagePicker选择图像时,我的单元格会使用最新图像进行更新,集合视图会滚动到底部,而在URLsession委托中,我会抓住最后一个单元格并显示进度,但问题是,当我在上传过程中选择另一个图像时,两个节目的进度条显示在最后一个单元格上。下面是我的图像选择器和会话代理的代码

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委派

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)")

        }
    }

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

1 个答案:

答案 0 :(得分:1)

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

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

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