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