图像在桌面视图中滚动时重复单元格

Question

图像在tableview中没有正确显示，我有两个Json Api（初级/高级）学校。我可以将两个Json API数据和显示添加到tableview中， tableview工作正常，它显示两个（主/高）学校数据。当我可以滚动tableview图像跳跃和图像加载非常缓慢的图像视图在tableview。

之前滚动的tableview其显示这样

滚动它显示像滚动的图片后，该

都跳的tableview后，

这是代码

 var kidsdata = [KidDetails]() 

    func getprimarydata(_firsturl: String,firstid:String,updatedate:String) 
    { 


             if errorCode == "0" { 

             if let kid_list = jsonData["students"] as? NSArray { 

             self.kidsdata.removeAll() 

             for i in 0 ..< kid_list.count { 

             if let kid = kid_list[i] as? NSDictionary { 


             let imageURL = url+"/images/" + String(describing: kid["photo"]!) 

             self.kidsdata.append(KidDetails(
                  name:kid["name"] as? String, 
                  photo : (imageURL), 
                  standard: ((kid["standard"] as? String)! + "std" + " " + (kid["section"] as? String)! + " section ") 
                  ))}}}} 
} 


     func gethighdata(_secondurl:String ,secondid:String,updatedate:String) 
     { 
     if errorCode == "0" { 

           if let kid_list = jsonData["students"] as? NSArray { 
            for i in 0 ..< kid_list.count { 


             if let kid = kid_list[i] as? NSDictionary { 

              let imageURL = url+"/images/" + String(describing: kid["photo"]!) 

              self.kidsdata.append(KidDetails(
               name:kid["name"] as? String, 
               photo : (imageURL), 

            standard: ((kid["standard"] as? String)! + "th" + " " + (kid["section"] as? String)! + " section ") 
               ) 
              ) 
             } 
            } 


           self.do_table_refresh() 
          } 
          } 
    } 


     func do_table_refresh() 
     { 

      DispatchQueue.main.async(execute: { 

       self.TableView.reloadData() 

       return 
      }) 

     } 


    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { 
      let cell = 
       tableView.dequeueReusableCell(
        withIdentifier: "cell", for: indexPath) as! DataTableViewCell 
      cell.selectionStyle = .none 

      cell.ProfileImage?.image = nil 

      let row = (indexPath as NSIndexPath).row 


      let kid = kidsdata[row] as KidDetails 

      cell.NameLabel.text = kid.name 

      cell.ProfileImage.image = UIImage(named: "profile_pic") 

      cell.ProfileImage.downloadImageFrom(link:kid.photo!, contentMode: UIViewContentMode.scaleAspectFill) 
      cell.ClassNameLabel.text = kid.standard 
      return cell 
     } 

，我没有错误请帮助我....！

Answer 1

AlamofireImage处理得很好。 https://github.com/Alamofire/AlamofireImage

import AlamofireImage 

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { 
       let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) as! DataTableViewCell 
       cell.selectionStyle = .none 

       let kid = kidsdata[indexPath.row] as KidDetails 


       cell.NameLabel.text = kid.name 
       cell.ClassNameLabel.text = kid.standard 

       // assuming cell.ProfileImage is a UIImageView 
       cell.ProfileImage.image = nil 

       let frame = CGSize(width: 50, height: 50) 
       let filter = AspectScaledToFillSizeWithRoundedCornersFilter(size: frame, radius: 5.0) 

       cell.ProfileImage.af_setImage(withURL: urlToImage, placeholderImage: nil, filter: filter, 
             imageTransition: .crossDissolve(0.3), runImageTransitionIfCached: false) 

       return cell 
    }