重新加载数据后，图片在 UITableView 中随机移动

Question

我的 tableView 中的图片在重新加载 tableView 后移动并且没有显示在正确的帖子上。我不知道如何解决这个问题。

https://i.stack.imgur.com/4hUbYm.jpg

上图是正常图像，但有时我会得到：

https://i.stack.imgur.com/PVEVrm.png

我也在自定义单元格中执行了 prepareForReuse() 函数 class 但仍然不起作用。

这里是源代码：

class UserPostsController: UIViewController, UITableViewDataSource, UITableViewDelegate {
    @IBOutlet weak var userPostsTable: UITableView!

    var images : [UIImage] = []
    var descriptions : [String] = []
    var likes : [String] = []
    var dislikes : [String] = []

    override func viewDidLoad() {
        super.viewDidLoad()

        self.navigationController?.navigationBar.titleTextAttributes = [NSAttributedStringKey.font: UIFont(name: "Pacifico", size: 30)!]

        userPostsTable.dataSource = self
        userPostsTable.delegate = self

        let postQuery = PFQuery(className: "Post")
        postQuery.whereKey("userid", equalTo: PFUser.current()?.objectId as Any)
        postQuery.findObjectsInBackground { (objects, error) in
            if let posts = objects {
                for post in posts {
                    if let descripiton = post["description"] {
                        self.descriptions.append(descripiton as! String)
                    }
                    if let l = post["likes"] {
                        self.likes.append(l as! String)
                    }
                    if let d = post["dislikes"] {
                        self.dislikes.append(d as! String)
                    }
                    if let imageFile = post["imageFile"] as? PFFile {
                        imageFile.getDataInBackground(block: { (data, error) in
                            if let imageData = data {
                                if let image = UIImage(data: imageData) {
                                    self.images.append(image)
                                }
                            }
                            self.userPostsTable.reloadData()    
                        })
                    }
                }
            }
        }
    }

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return images.count
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        if let cell = userPostsTable.dequeueReusableCell(withIdentifier: "userPostCell", for: indexPath) as? UserPostsTableViewCell {
            cell.descriptionLabel.text = descriptions[indexPath.row]
            cell.numerLikes.text = "\(likes[indexPath.row]) likes"
            cell.numberDislikes.text = "\(dislikes[indexPath.row]) dislikes"
            cell.postImage.image = images[indexPath.row]

            cell.selectionStyle = .none

            return cell
        }
        return UITableViewCell()
    }

Answer 1

我认为你的问题出在这里：

if let imageFile = post["imageFile"] as? PFFile {
                    imageFile.getDataInBackground(block: { (data, error) in
                        if let imageData = data {
                            if let image = UIImage(data: imageData) {
                                self.images.append(image)

                            }

                        }
                        self.userPostsTable.reloadData()    
                    })

您正在启动后台任务以获取图像数据。 这些任务中的任何一个都可以先完成，请调试您的阵列，您可能会发现图像的顺序不正确。

这是一个 apple 示例项目，可以帮助您在后台正确加载这些图像。

https://developer.apple.com/library/archive/samplecode/LazyTableImages/Introduction/Intro.html

重新加载数据后，图片在 UITableView 中随机移动

Pictures shifting randomly in UITableView after reloading data

uitableview

ios

pfquery

swift