UITableView 专题 2 —— 数据源基本使用

UITableView 的数据显示主要牵扯到的就是一个数据源方法的使用。
基本思路是:

  1. 数据源的设置
  2. 数据源方法的实现
  3. tableView 对数据源的三次询问
    3.1 tableView 有多少组
    3.2 tableView 每组有多少行
    3.3 tableView 每行显示什么内容
  //*******************  这三个方法是 tableView 显示数据的基本方法,实现这三个方法就可以显示 tableView 的内容  ************************
    @available(iOS 2.0, *)  // iOS 2.O 开始使用
    //  tableView 有多少行
    public func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int

    // Row display. Implementers should *always* try to reuse cells by setting each cell's reuseIdentifier and querying for available reusable cells with dequeueReusableCellWithIdentifier:
    // 行显示的时候,通过设置 cell 的重用标识符,和调用 dequeueReusableCellWithIdentifier 方法来确认是否有可重用的 cell,尝试去重用 cell,
    // Cell gets various attributes set automatically based on table (separators) and data source (accessory views, editing controls)

    @available(iOS 2.0, *)
    // 每一行 cell 显示什么内容
    public func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell

    @available(iOS 2.0, *)
    // tableView 有多少组 ( 这个方法是可选的 默认的实现返回时 1 ,不实现这个数据源方法,tableView 就显示一组数据)
    optional public func numberOfSectionsInTableView(tableView: UITableView) -> Int // Default is 1 if not implemented

1、tableView 数据显示的基本设置

简单数据展示的实例

只是展示了一个单行的文本数据

//
//  ViewController.swift
//  UITableViewTest
//
//  Created by 肖卓鸿 on 16/6/2.
//  Copyright © 2016年 肖卓鸿. All rights reserved.
//

import UIKit

class ViewController: UIViewController {

    var tableView: UITableView?
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        tableView = UITableView()
        
        // 1. 设置数据源代理
        tableView?.dataSource = self
        view.addSubview(tableView!)
    }
    
    
    // 2. 这里进行 tableView 的 frame 设置主要是屏幕的适配
    override func viewWillLayoutSubviews() {
        super.viewWillLayoutSubviews()
        
        tableView?.frame = view.frame
    }
}

// 实现数据源
// MARK: - UITableViewDataSource
/*
 使用扩展来实现数据源,这样会使代码结构看起来更加清晰。
 */
extension ViewController : UITableViewDataSource {
    
    // 3.1 tableView 有几组
    func numberOfSectionsInTableView(tableView: UITableView) -> Int {
        return 2
    }
    
     // 3.2 tableView 每组有几行
    func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 5
    }
    
    // 3.3 tableView 每行显示什么内容
    func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
        
        // 创建 cell (cell 没有使用重用, 此处只是为了展示基本使用)
        let cell = UITableViewCell()
        
        // cell 文本数据的显示内容设置
        cell.textLabel?.text = "\(indexPath.section)组" + "-" + "\(indexPath.row)行"
        return cell
    }
}

效果图:

Snip20160602_26.png

数据源方法调用的追踪
在三个数据源方法中添加

print(#function)
Snip20160602_27.png
numberOfSectionsInTableView
tableView(_:numberOfRowsInSection:)
tableView(_:numberOfRowsInSection:)
numberOfSectionsInTableView
tableView(_:numberOfRowsInSection:)
tableView(_:numberOfRowsInSection:)
numberOfSectionsInTableView
tableView(_:numberOfRowsInSection:)
tableView(_:numberOfRowsInSection:)
numberOfSectionsInTableView
tableView(_:numberOfRowsInSection:)
tableView(_:numberOfRowsInSection:)
tableView(_:cellForRowAtIndexPath:)
tableView(_:cellForRowAtIndexPath:)
tableView(_:cellForRowAtIndexPath:)
tableView(_:cellForRowAtIndexPath:)
tableView(_:cellForRowAtIndexPath:)
tableView(_:cellForRowAtIndexPath:)
tableView(_:cellForRowAtIndexPath:)
tableView(_:cellForRowAtIndexPath:)
tableView(_:cellForRowAtIndexPath:)
tableView(_:cellForRowAtIndexPath:)
  1. 方法的调用顺序是
    numberOfSectionsInTableView
    tableView(:numberOfRowsInSection:)
    tableView(
    :cellForRowAtIndexPath:)

2、cell 视图的重用

为了提高 tableView 的性能,我们对 cell 进行重用。
使用重用之后,第一次加载 tableView 的时候就只会创建界面可以显示的几个 cell,当滚动 tableView 的时候,会从缓存池中获取 cell 不会创建 cell 。当 cell 消失的时候将 cell 放入缓存池中。
在上面的数据源方法中返回 10000

func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 100000
}

这样就可以感觉到明显的卡顿。而且内存也会暴涨。(在 cell 上设置图片后效果会比较明显)

func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {

        // 创建 cell (cell 没有使用重用, 此处只是为了展示基本使用)
        let cell = UITableViewCell()

       print(#function)
        return cell
}

会打印 100000 次
使用重用后,界面可以显示几个 cell 就打印几次

func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
        // 老程序员会这么写 cell 的重用
        var cell = tableView.dequeueReusableCellWithIdentifier("cell")
        if cell == nil {
            cell = UITableViewCell(style: .Default, reuseIdentifier: "cell")
        }
        print(#function)
        return cell!
    }

相比之下性能会高很多

上面是老式的 cell 的重用写法
cell 重用的使用步骤

  1. 注册 cell
  2. 数据源方法中获取 cell
  3. 设置 cell 的数据后 在数据源方法中返回 cell

cell 的注册:

// cell 的 nib 方式注册,
public func registerNib(nib: UINib?, forCellReuseIdentifier identifier: String)
// cell 的 class 方式注册
public func registerClass(cellClass: AnyClass?, forCellReuseIdentifier identifier: String)

// header 和 footer nib 方式注册
public func registerNib(nib: UINib?, forHeaderFooterViewReuseIdentifier identifier: String)
// header 和 footer class 方式注册
public func registerClass(aClass: AnyClass?, forHeaderFooterViewReuseIdentifier identifier: String)

// 注册代码
tableView.registerClass(UITableViewCell.classForCoder(), forCellReuseIdentifier: UITableViewCell.identifier)
tableView.registerNib(UITableViewCell.nib, forCellReuseIdentifier: UITableViewCell.identifier)

// UITableViewCell.nib 和 UITableViewCell.identifier 的说明
import UIKit

extension UITableViewCell {
    
    /*!
     cell 重用标识符 (标识符默认就是 class 的字符串)
     */
    class var identifier:String  {
        return "\(self.classForCoder())"
    }
    
    /*!
     cell 的 nib 文件
     */
    class var nib:UINib {
        return UINib(nibName: "\(self.classForCoder())", bundle: nil)
    }
}

 使用 UITableViewCell.nib 和 UITableViewCell.identifier 这种方式可以避免直接写字符串容易写错的麻烦
注意点: 使用 nib 方式的时候,xib 的文件名称和 视图类的类名一定要相同。

缓存池中 cell 的获取

public func dequeueReusableCellWithIdentifier(identifier: String) -> UITableViewCell? // Used by the delegate to acquire an already allocated cell, in lieu of allocating a new one.

// 使用这个方法 cell 必须是注册的(这是和上面方法的最大区别)
public func dequeueReusableCellWithIdentifier(identifier: String, forIndexPath indexPath: NSIndexPath) -> UITableViewCell


// cell 从缓存池中获取的代码
// 不进行注册,就使用旧的写法就可以了
let cell = tableView.dequeueReusableCellWithIdentifier(UITableViewCell.identifier)
// 使用这个方法 cell 必须提前注册
let cell = tableView.dequeueReusableCellWithIdentifier(UITableViewCell.identifier, forIndexPath: indexPath)

// cell 数据的设置 和 cell 返回
cell?.textLabel?.text = "hello world"        
return cell!
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,219评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,363评论 1 293
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,933评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,020评论 0 206
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,400评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,640评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,896评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,597评论 0 199
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,327评论 1 244
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,581评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,072评论 1 261
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,399评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,054评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,083评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,849评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,672评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,585评论 2 270

推荐阅读更多精彩内容