Question

我的tableView中的图片正在移动，并且在重新加载tableView后没有显示在正确的帖子上。我无法弄清楚如何解决这个问题。

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

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

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

我也在自定义单元格类中执行了prepareForReuse（）函数，但仍然无效。

以下是源代码：

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()    
                    })

您正在开始后台任务以获取图片数据。 这些任务中的任何一个都可以先完成，请调试您的阵列，您可能会发现图片的顺序不符合要求。

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

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

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

1 个答案: