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

时间：2015-10-07 12:14:09 阅读：213 评论：0 收藏：0 [点我收藏+]

标签：

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

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

效果图如下：

操作步骤：

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

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代码如下：

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

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

标签：

原文地址：http://www.cnblogs.com/Free-Thinker/p/4858374.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行