异步加载图像不断导致图像闪烁？

Question

每个UITableViewCell 都有一个标题视图。在这个标题视图中，我通过 Facebook API 中的异步函数加载了个人的图片。但是，由于函数是异步的，我相信该函数被一遍又一遍地调用多次，导致图像不断闪烁。我想解决这个问题的方法是首先将viewDidLoad 中的图像加载到一个数组中，然后在UITableViewCell 的标题视图中显示数组内容。但是，由于该函数的异步性质，我无法实现这一点：我似乎无法抓取每张照片，然后继续执行我的程序。这是我的尝试：

    //Function to get a user's profile picture
    func getProfilePicture(completion: (result: Bool, image: UIImage?) -> Void){
        // Get user profile pic
        let url = NSURL(string: "https://graph.facebook.com/1234567890/picture?type=large")
        let urlRequest = NSURLRequest(URL: url!)
        //Asynchronous request to display image
        NSURLConnection.sendAsynchronousRequest(urlRequest, queue: NSOperationQueue.mainQueue()) { (response:NSURLResponse!, data:NSData!, error:NSError!) -> Void in
            if error != nil{
                println("Error: \(error)")
            }
            // Display the image
            let image = UIImage(data: data)
            if(image != nil){
                completion(result: true, image: image)
            }
        }
    }
    override func viewDidLoad() {
      self.getProfilePicture { (result, image) -> Void in
          if(result == true){
              println("Loading Photo")
              self.creatorImages.append(image!)
          }
          else{
              println("False")
          }
      }
    }

    func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
      //Show section header cell with image
      var cellIdentifier = "SectionHeaderCell"
      var headerView = tableView.dequeueReusableCellWithIdentifier(cellIdentifier) as! SectionHeaderCell
      headerView.headerImage.image = self.creatorImages[section]
      headerView.headerImage.clipsToBounds = true
      headerView.headerImage.layer.cornerRadius = headerView.headerImage.frame.size.width / 2
      return headerView
    }

如上面的程序所示，我创建的名为self.creatorImages 的全局数组包含我从 Facebook API 获取的图像数组，它始终是空的，我需要“等待”所有图片来填充实际使用之前的数组。我不确定如何实现这一点，因为我确实在我的 getProfilePicture 函数中尝试了一个完成处理程序，但这似乎没有帮助，这是我学会处理异步函数的一种方法。还有其他想法吗？谢谢！

Answer 1

我有同样的问题，但我的是在 Objective-C 好吧，结构并没有那么不同，我所做的是添加条件： headerView.headerImage.image

这是我认为适合您的实施的改进解决方案.. 因为您将self.getProfilePicture 放在viewDidLoad 中，所以它只会被调用一次，section==0 只会包含一张图片，

如果self.creatorImages的索引超出范围/界限，下面的代码将请求添加图像

func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
      //Show section header cell with image
      var cellIdentifier = "SectionHeaderCell"
      var headerView = tableView.dequeueReusableCellWithIdentifier(cellIdentifier) as! SectionHeaderCell


      if (section < self.creatorImages.count) // validate self.creatorImages index to prevent 'Array index out of range' error
      {
          if (headerView.headerImage.image == nil) // prevents the blinks
          {
              headerView.headerImage.image = self.creatorImages[section];
          }
      }
      else // requests for additional image at section
      {
          // this will be called more than expected because of tableView.reloadData()
          println("Loading Photo")

          self.getProfilePicture { (result, image) -> Void in
              if(result == true) {
                  //simply appending will do the work but i suggest something like:

                  if (self.creatorImages.count <= section)
                  {
                      self.creatorImages.append(image!)

                      tableView.reloadData()

                      println("self.creatorImages.count \(self.creatorImages.count)")
                  }
                 //that will prevent appending excessively to data source
              }
              else{
                  println("Error loading image")
              }
          }
      }

      headerView.headerImage.clipsToBounds = true
      headerView.headerImage.layer.cornerRadius = headerView.headerImage.frame.size.width / 2
      return headerView
    }

您的实现肯定与我的想法不同，但编辑历史记录中的代码并没有白费，对吧？.. 哈哈哈.. ;) 希望我对你有所帮助.. 干杯！