• tableView如何顯示數(shù)據(jù)
  • 設(shè)置dataSource數(shù)據(jù)源
  • 數(shù)據(jù)源要遵守UITableViewDataSource協(xié)議
  • 數(shù)據(jù)源要實(shí)現(xiàn)協(xié)議中的某些方法

/**
 *  告訴tableView一共有多少組數(shù)據(jù)
 */
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

/**
 *  告訴tableView第section組有多少行
 */
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

/**
 *  告訴tableView第indexPath行顯示怎樣的cell
 */
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

/**
 *  告訴tableView第section組的頭部標(biāo)題
 */
- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section

/**
 *  告訴tableView第section組的尾部標(biāo)題
 */
- (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section

tableView性能優(yōu)化 - cell的循環(huán)利用方式1

/**
 *  什么時(shí)候調(diào)用：每當(dāng)有一個(gè)cell進(jìn)入視野范圍內(nèi)就會(huì)調(diào)用
 */
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    // 0.重用標(biāo)識(shí)
    // 被static修飾的局部變量：只會(huì)初始化一次靠粪，在整個(gè)程序運(yùn)行過(guò)程中穆刻，只有一份內(nèi)存
    static NSString *ID = @"cell";

    // 1.先根據(jù)cell的標(biāo)識(shí)去緩存池中查找可循環(huán)利用的cell
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];

    // 2.如果cell為nil（緩存池找不到對(duì)應(yīng)的cell）
    if (cell == nil) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:ID];
    }

    // 3.覆蓋數(shù)據(jù)
    cell.textLabel.text = [NSString stringWithFormat:@"testdata - %zd", indexPath.row];

    return cell;
}

tableView性能優(yōu)化 - cell的循環(huán)利用方式2

• 定義一個(gè)全局變量

// 定義重用標(biāo)識(shí)
NSString *ID = @"cell";

• 注冊(cè)某個(gè)標(biāo)識(shí)對(duì)應(yīng)的cell類型

// 在這個(gè)方法中注冊(cè)cell
- (void)viewDidLoad {
    [super viewDidLoad];

    // 注冊(cè)某個(gè)標(biāo)識(shí)對(duì)應(yīng)的cell類型
    [self.tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:ID];
}

• 在數(shù)據(jù)源方法中返回cell

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    // 1.去緩存池中查找cell
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];

    // 2.覆蓋數(shù)據(jù)
    cell.textLabel.text = [NSString stringWithFormat:@"testdata - %zd", indexPath.row];

    return cell;
}

tableView性能優(yōu)化 - cell的循環(huán)利用方式3

• 在storyboard中設(shè)置UITableView的Dynamic Prototypes Cell

Snip20150602_152.png

• 設(shè)置cell的重用標(biāo)識(shí)

Snip20150602_153.png

• 在代碼中利用重用標(biāo)識(shí)獲取cell

// 0.重用標(biāo)識(shí)
// 被static修飾的局部變量：只會(huì)初始化一次但汞，在整個(gè)程序運(yùn)行過(guò)程中，只有一份內(nèi)存
static NSString *ID = @"cell";

// 1.先根據(jù)cell的標(biāo)識(shí)去緩存池中查找可循環(huán)利用的cell
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];

// 2.覆蓋數(shù)據(jù)
cell.textLabel.text = [NSString stringWithFormat:@"cell - %zd", indexPath.row];

return cell;

錯(cuò)誤將UIViewController當(dāng)做UITableViewController來(lái)用

Snip20150602_110.png

UITableView的常見(jiàn)設(shè)置

// 分割線顏色
self.tableView.separatorColor = [UIColor redColor];

// 隱藏分割線
self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;

// tableView有數(shù)據(jù)的時(shí)候才需要分割線
// 開(kāi)發(fā)小技巧:快速取消分割線
 self.tableView.tableFooterView = [[UIView alloc] init];

UITableViewCell的常見(jiàn)設(shè)置

// 取消選中的樣式(常用) 讓當(dāng)前 cell 按下無(wú)反應(yīng)
cell.selectionStyle = UITableViewCellSelectionStyleNone;

// 設(shè)置選中的背景色
UIView *selectedBackgroundView = [[UIView alloc] init];
selectedBackgroundView.backgroundColor = [UIColor redColor];
cell.selectedBackgroundView = selectedBackgroundView;

// 設(shè)置默認(rèn)的背景色
cell.backgroundColor = [UIColor blueColor];

// 設(shè)置默認(rèn)的背景色
UIView *backgroundView = [[UIView alloc] init];
backgroundView.backgroundColor = [UIColor greenColor];
cell.backgroundView = backgroundView;

// backgroundView的優(yōu)先級(jí) > backgroundColor
// 設(shè)置指示器
//    cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
cell.accessoryView = [[UISwitch alloc] init];

自定義cell

• 等高的cell

  • storyboard自定義cell

    • 1.創(chuàng)建一個(gè)繼承自UITableViewCell的子類，比如XMGDealCell
      
      

      Snip20150602_305.png

    • 2.在storyboard中
      - 往cell里面增加需要用到的子控件
      
      

      Snip20150602_302.png
      
      - 設(shè)置cell的重用標(biāo)識(shí)
      
      
      Snip20150602_303.png
      
      - 設(shè)置cell的class為XMGDealCell
      
      
      Snip20150602_304.png
      • 3.在控制器中
        • 利用重用標(biāo)識(shí)找到cell
        • 給cell傳遞模型數(shù)據(jù)
          
          
          Snip20150602_301.png
      • 4.在XMGDealCell中
        • 將storyboard中的子控件連線到類擴(kuò)展中
          
          
          Snip20150602_299.png
        • 需要提供一個(gè)模型屬性谐腰，重寫(xiě)模型的set方法胁黑，在這個(gè)方法中設(shè)置模型數(shù)據(jù)到子控件上
          
          
          Snip20150602_298.png
          
          
          Snip20150602_300.png

  • xib自定義cell

    • 1.創(chuàng)建一個(gè)繼承自UITableViewCell的子類，比如XMGDealCell
      
    • 2.創(chuàng)建一個(gè)xib文件（文件名建議跟cell的類名一樣）貌踏，比如XMGDealCell.xib
      • 拖拽一個(gè)UITableViewCell出來(lái)
      • 修改cell的class為XMGDealCell
      • 設(shè)置cell的重用標(biāo)識(shí)
      • 往cell中添加需要用到的子控件
    • 3.在控制器中
      • 利用registerNib...方法注冊(cè)xib文件
      • 利用重用標(biāo)識(shí)找到cell（如果沒(méi)有注冊(cè)xib文件十饥，就需要手動(dòng)去加載xib文件）
      • 給cell傳遞模型數(shù)據(jù)
        
    • 4.在XMGDealCell中
      • 將xib中的子控件連線到類擴(kuò)展中
      • 需要提供一個(gè)模型屬性，重寫(xiě)模型的set方法祖乳，在這個(gè)方法中設(shè)置模型數(shù)據(jù)到子控件上
      • 也可以將創(chuàng)建獲得cell的代碼封裝起來(lái)（比如cellWithTableView:方法）

  • 代碼自定義cell(使用frame)

    • 1.創(chuàng)建一個(gè)繼承自UITableViewCell的子類绷跑，比如XMGDealCell
      • 在initWithStyle:reuseIdentifier:方法中
        • 添加子控件
        • 設(shè)置子控件的初始化屬性（比如文字顏色、字體）
      • 在layoutSubviews方法中設(shè)置子控件的frame
      • 需要提供一個(gè)模型屬性凡资，重寫(xiě)模型的set方法砸捏，在這個(gè)方法中設(shè)置模型數(shù)據(jù)到子控件
    • 2.在控制器中
      • 利用registerClass...方法注冊(cè)XMGDealCell類
      • 利用重用標(biāo)識(shí)找到cell（如果沒(méi)有注冊(cè)類，就需要手動(dòng)創(chuàng)建cell）
      • 給cell傳遞模型數(shù)據(jù)
      • 也可以將創(chuàng)建獲得cell的代碼封裝起來(lái)（比如cellWithTableView:方法）

  • 代碼自定義cell(使用autolayout)

    • 1.創(chuàng)建一個(gè)繼承自UITableViewCell的子類隙赁，比如XMGDealCell
      • 在initWithStyle:reuseIdentifier:方法中
        • 添加子控件
        • 添加子控件的約束（建議使用Masonry）
        • 設(shè)置子控件的初始化屬性（比如文字顏色垦藏、字體）
      • 需要提供一個(gè)模型屬性，重寫(xiě)模型的set方法伞访，在這個(gè)方法中設(shè)置模型數(shù)據(jù)到子控件
    • 2.在控制器中
      • 利用registerClass...方法注冊(cè)XMGDealCell類
      • 利用重用標(biāo)識(shí)找到cell（如果沒(méi)有注冊(cè)類掂骏，就需要手動(dòng)創(chuàng)建cell）
      • 給cell傳遞模型數(shù)據(jù)
      • 也可以將創(chuàng)建獲得cell的代碼封裝起來(lái)（比如cellWithTableView:方法）
• 非等高的cell

  • xib自定義cell

  • storyboard自定義cell

  • 代碼自定義cell（frame）

  • 代碼自定義cell（Autolayout）