在swift / ios上异步加载图片?

时间:2017-04-07 13:24:33

标签: ios swift firebase

这是我的情况,(请注意我是从iOS开始:))。

我有一个Feed列表,其中数据是从firebase获取的,每个Feed都会在表格视图中获取图片和标题。

我正在寻找一种方法,如果用户在没有任何互联网连接的情况下返回应用程序,仍然显示那些数据,之前已经显示过。

目前,我正在使用它来显示数据:

import UIKit
import FirebaseAuth
import FirebaseDatabase
import FirebaseStorage
import SwiftKeychainWrapper
import SwiftyJSON

var posts = [Post]()
var selectedIndexPath: Int = 10

class FeedVC: UIViewController, UITableViewDataSource, UIImagePickerControllerDelegate, UINavigationControllerDelegate, UITableViewDelegate {

@IBOutlet weak var feedTableView: UITableView!

private var readPosts: ObserveTask?

override func viewDidLoad() {
    super.viewDidLoad()

    feedTableView.dataSource = self
    feedTableView.delegate = self

    readPosts = Post.observeList(from: Post.parentReference.queryOrdered(byChild: "privacy").queryEqual(toValue: false))

    {
        observedPosts in

        posts = observedPosts.reversed()
        self.feedTableView.reloadData()
    }
}

override var prefersStatusBarHidden: Bool {
    return true
}

func numberOfSections(in tableView: UITableView) -> Int {
    return 1
}

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

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    return UITableViewAutomaticDimension
}

func tableView(_ tableView: UITableView, estimatedHeightForRowAt indexPath: IndexPath) -> CGFloat {
    return UITableViewAutomaticDimension
}


func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell  {
    let cell = self.feedTableView.dequeueReusableCell(withIdentifier: "MessageCell")! as UITableViewCell


 let imageView = cell.viewWithTag(1) as! UIImageView



    let titleLabel = cell.viewWithTag(2) as! UILabel
    let linkLabel = cell.viewWithTag(3) as! UILabel

    titleLabel.text = posts[indexPath.row].title
    titleLabel.numberOfLines = 0

    linkLabel.text = posts[indexPath.row].link
    linkLabel.numberOfLines = 0



    Storage.getImage(with: posts[indexPath.row].imageUrl){
        postPic in
        imageView.image = postPic
    }

    return cell

}


func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    guard posts[indexPath.row].title != "COMING SOON" else {
        return
    }
           selectedIndexPath = indexPath.row
          self.performSegue(withIdentifier: "push", sender: self)
            self.feedTableView.reloadData()    }


}

这怎么可能呢?我一直在寻找NSUR的功能,这是一个好的开始吗?

非常感谢你的时间!

1 个答案:

答案 0 :(得分:1)

使用核心数据存储图像或

如果您可能不希望将这些图像存储在Core Data中,那么如果数据集变得太大,则会影响性能。最好将图像写入文件。

NSData *pngData = UIImagePNGRepresentation(image);

这会拉出您捕获的图像的PNG数据。从这里,您可以将其写入文件:

NSArray *paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);  
NSString *documentsPath = [paths objectAtIndex:0]; //Get the docs directory 
NSString *filePath = [documentsPath stringByAppendingPathComponent:@"image.png"]; //Add the file name
[pngData writeToFile:filePath atomically:YES]; //Write the file

稍后阅读它会以同样的方式工作。像上面那样建立路径,然后:

NSData *pngData = [NSData dataWithContentsOfFile:filePath];
UIImage *image = [UIImage imageWithData:pngData];

你可能想要做的是创建一个为你创建路径字符串的方法,因为你不希望那些代码遍布各处。它可能看起来像这样:

- (NSString *)documentsPathForFileName:(NSString *)name
{
    NSArray *paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory,NSUserDomainMask, YES);  
    NSString *documentsPath = [paths objectAtIndex:0];

    return [documentsPath stringByAppendingPathComponent:name]; 
}

希望这有帮助。