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

Posted

技术标签:

【中文标题】快速在 UICollectionView 中显示多个图像上传的进度条【英文标题】:Showing progress bar on multiple image upload in UICollectionView in swift 【发布时间】:2016-03-17 12:12:34 【问题描述】:

我有一个使用 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】:

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

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

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

【讨论】:

没错。换句话说,当即将显示一个单元格时,它将显示模型(图像)的当前状态,例如如果下载正在进行中,您将显示当前百分比,并且单元格将开始监听模型更改(委托模式)。在每个时刻,您只能设置一个模型委托集,因为单个单元格映射到单个模型对象。

以上是关于快速在 UICollectionView 中显示多个图像上传的进度条的主要内容,如果未能解决你的问题,请参考以下文章

如何快速在uicollectionview中动态访问单元格属性

如何在 UICollectionView 中快速添加分页?

UICollectionView 正在显示,但单元格未快速显示

如何告诉 UICollectionView 预加载更大范围的单元格?

UICollectionView 单元格图像在 GCD 进入视图时发生变化

在 UICollectionView 中滑动单元格 - Swift