Swift - 异步加载各网站的favicon图标，并在单元格中显示

下面是一个简单的应用，表格视图的各个单元格自动异步加载各个网站的favicon图标，并显示出来。

主要是复习下如何自定义单元格，单元格中图片的异步加载，以及didSet的用法。

效果图如下：

操作步骤：

（1）先创建单元格类 - FaviconTableViewCell.swift

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47

import UIKit   class FaviconTableViewCell: UITableViewCell {           //此操作队列运行下载的完成处理器    // var operationQueue:NSOperationQueue?           //此单元格显示的URL     var url:NSURL? {         //当URL发生变化         didSet {             //显示此文本             self.textLabel?.text = self.url?.host                           //创建请求             let request = NSURLRequest(URL: self.url!)             let session = NSURLSession.sharedSession()                           let dataTask = session.dataTaskWithRequest(request,                 completionHandler: {(data, response, error) -> Void in                     //将获取到的数据转化成图像                     let image = UIImage(data: data!)                     //对UI的更新必须在主队列上完成                     NSOperationQueue.mainQueue().addOperationWithBlock({                         () -> Void in                         //将已加载的图像赋予图像视图                         self.imageView?.image = image                         //图像视图可能已经因为新图像而改变了尺寸                         //所以需要重新调整单元格的布局                         self.setNeedsLayout()                     })               }) as NSURLSessionTask                           //使用resume方法启动任务             dataTask.resume()         }     }       override func awakeFromNib() {         super.awakeFromNib()     }       override func setSelected(selected: Bool, animated: Bool) {         super.setSelected(selected, animated: animated)     } }

（2）在Main.storyboard中添加一个Table View，并将Table View的Prototype Cells（原型单元格）数改成1，Selection（选择样式）改称No Selection

（3）选中单元格，将样式设为Basic，并将Indentifier（标识符）改为FaviconCell

（4）再把单元格的Identity Inspector（身份查看器）改为FaviconTableViewCell

（5）最后按住Control键，拖动表格视图到视图控制器上，分别添加数据源和委托（dataSource与delegate）

（6）ViewController.swift代码如下：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40

import UIKit   class ViewController: UIViewController {           let hosts = ["hangge.com","163.com","baidu.com","qq.com","taobao.com"]       override func viewDidLoad() {         super.viewDidLoad()     }           //在本例中，只有一个分区     func numberOfSectionsInTableView(tableView: UITableView!) -> Int {         return 1;     }           //返回表格行数（也就是返回控件数）     func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {         return self.hosts.count     }           //创建各单元显示内容(创建参数indexPath指定的单元）     func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath)         -> UITableViewCell     {         //为了提供表格显示性能，已创建完成的单元需重复使用         let identify:String = "FaviconCell"         //同一形式的单元格重复使用，在声明时已注册         let cell = tableView.dequeueReusableCellWithIdentifier(identify)             as! FaviconTableViewCell                   let host = hosts[indexPath.row]         let url = NSURL(string: "http://\(host)/favicon.ico")         cell.url = url         return cell     }       override func didReceiveMemoryWarning() {         super.didReceiveMemoryWarning()     } }

原文出自：www.hangge.com  转载请保留原文链接：http://www.hangge.com/blog/cache/detail_873.html