我正在从Parse后端查询图像,并在UITableView
中按顺序显示它们。尽管我一次下载并显示一个,但它们在我的表格视图中却完全乱了。每个图像(专辑封面)对应一首歌曲,因此我得到的每首歌曲的专辑封面都不正确。有人会这么友善地指出为什么他们出现乱序吗?
class ProfileCell: UITableViewCell {
@IBOutlet weak var historyAlbum: UIImageView!
}
class ProfileViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {
@IBOutlet weak var tableView: UITableView!
var historyAlbums = [PFFile]()
var albumCovers = [UIImage]()
// An observer that reloads the tableView
var imageSet:Bool = false {
didSet {
if imageSet {
// Reload tableView on main thread
dispatch_async(dispatch_get_global_queue(Int(QOS_CLASS_USER_INITIATED.value), 0)) { // 1
dispatch_async(dispatch_get_main_queue()) { // 2
self.tableView.reloadData() // 3
}
}
}
}
}
// An observer for when each image has been downloaded and appended to the albumCovers array. This then calls the imageSet observer to reload tableView.
var dataLoaded:Bool = false {
didSet {
if dataLoaded {
let albumArt = historyAlbums.last!
albumArt.getDataInBackgroundWithBlock({ (imageData, error) -> Void in
if error == nil {
if let imageData = imageData {
let image = UIImage(data: imageData)
self.albumCovers.append(image!)
}
} else {
println(error)
}
self.imageSet = true
})
}
self.imageSet = false
}
}
override func viewDidLoad() {
super.viewDidLoad()
// Queries Parse for each image
var query = PFQuery(className: "Songs")
query.whereKey("user", equalTo: PFUser.currentUser()!.email!)
query.orderByDescending("listenTime")
query.limit = 20
query.findObjectsInBackgroundWithBlock({ (objects, error) -> Void in
if error == nil {
if let objects = objects as? [PFObject] {
for object in objects {
if let albumCover = object["albumCover"] as? PFFile {
// Appending each image to albumCover array to convert from PFFile to UIImage
self.historyAlbums.append(albumCover)
}
self.dataLoaded = true
}
}
} else {
println(error)
}
self.dataLoaded = false
})
}
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
var profileCell = tableView.dequeueReusableCellWithIdentifier("ProfileCell", forIndexPath: indexPath) as! ProfileCell
profileCell.historyAlbum.image = albumCovers[indexPath.row]
return profileCell
}
}
}
最佳答案
使它们混乱的原因是,您分别为每个任务解雇了后台任务。
您可以在后台线程中一次获得所有对象列表。很好。然后,一旦有了,就调用一个方法(通过didset)来遍历该列表,并在各自的后台线程中分别获取它们。一旦每个线程完成,它将结果添加到表数组中。您无法控制这些后台线程何时结束。
我相信解析有一个同步的get方法。我目前不确定语法。另一个选择是查看是否可以在初始请求中“包含”图像文件字节,这将使整个调用成为单个后台调用。
另一种选择(可能是最好的选择)是拥有另一条数据(字典等),该数据标记每个图像文件请求的位置。然后,当单个背景获取完毕时,您就知道该图像在最终数组中应该到达的位置。将下载的图像放在您创建的字典告诉您的位置的数组中。
那应该解决您的异步问题。