UITableView之Cell

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

/**
 *  什么時候調(diào)用:每當有一個cell進入視野范圍內(nèi)就會調(diào)用
 */
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    // 0.重用標識
    // 被static修飾的局部變量:只會初始化一次,在整個程序運行過程中,只有一份內(nèi)存
    static NSString *ID = @"cell";

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

    // 2.如果cell為nil(緩存池找不到對應(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

  • 定義一個全局變量
// 定義重用標識
 static NSString *ID = @"cell";
  • 注冊某個標識對應(yīng)的cell類型
// 在這個方法中注冊cell
- (void)viewDidLoad {
    [super viewDidLoad];

    // 注冊某個標識對應(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


  • 設(shè)置cell的重用標識


  • 在代碼中利用重用標識獲取cell

// 0.重用標識
// 被static修飾的局部變量:只會初始化一次,在整個程序運行過程中,只有一份內(nèi)存
static NSString *ID = @"cell";

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

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

return cell;

錯誤將UIViewController當做UITableViewController來用

UITableView的常見設(shè)置

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

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

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

UITableViewCell的常見設(shè)置

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

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

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

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

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

自定義cell

  • 等高的cell

    • storyboard自定義cell

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

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

        • 設(shè)置cell的重用標識

        • 設(shè)置cell的class為XMGDealCell

      • 3.在控制器中
        • 利用重用標識找到cell
        • 給cell傳遞模型數(shù)據(jù)

      • 4.在XMGDealCell中
        • 將storyboard中的子控件連線到類擴展中

        • 需要提供一個模型屬性,重寫模型的set方法,在這個方法中設(shè)置模型數(shù)據(jù)到子控件上


    • xib自定義cell

      • 1.創(chuàng)建一個繼承自UITableViewCell的子類,比如XMGDealCell
      • 2.創(chuàng)建一個xib文件(文件名建議跟cell的類名一樣),比如XMGDealCell.xib
        • 拖拽一個UITableViewCell出來
        • 修改cell的class為XMGDealCell
        • 設(shè)置cell的重用標識
        • 往cell中添加需要用到的子控件
      • 3.在控制器中
        • 利用registerNib...方法注冊xib文件
        • 利用重用標識找到cell(如果沒有注冊xib文件,就需要手動去加載xib文件)
        • 給cell傳遞模型數(shù)據(jù)
      • 4.在XMGDealCell中
        • 將xib中的子控件連線到類擴展中
        • 需要提供一個模型屬性,重寫模型的set方法,在這個方法中設(shè)置模型數(shù)據(jù)到子控件上
        • 也可以將創(chuàng)建獲得cell的代碼封裝起來(比如cellWithTableView:方法)
    • 代碼自定義cell(使用frame)

      • 1.創(chuàng)建一個繼承自UITableViewCell的子類,比如XMGDealCell
        • 在initWithStyle:reuseIdentifier:方法中
          • 添加子控件
          • 設(shè)置子控件的初始化屬性(比如文字顏色、字體)
        • 在layoutSubviews方法中設(shè)置子控件的frame
        • 需要提供一個模型屬性,重寫模型的set方法,在這個方法中設(shè)置模型數(shù)據(jù)到子控件
      • 2.在控制器中
        • 利用registerClass...方法注冊XMGDealCell類
        • 利用重用標識找到cell(如果沒有注冊類,就需要手動創(chuàng)建cell)
        • 給cell傳遞模型數(shù)據(jù)
        • 也可以將創(chuàng)建獲得cell的代碼封裝起來(比如cellWithTableView:方法)
    • 代碼自定義cell(使用autolayout)

      • 1.創(chuàng)建一個繼承自UITableViewCell的子類,比如XMGDealCell
        • 在initWithStyle:reuseIdentifier:方法中
          • 添加子控件
          • 添加子控件的約束(建議使用Masonry)
          • 設(shè)置子控件的初始化屬性(比如文字顏色、字體)
        • 需要提供一個模型屬性,重寫模型的set方法,在這個方法中設(shè)置模型數(shù)據(jù)到子控件
      • 2.在控制器中
        • 利用registerClass...方法注冊XMGDealCell類
        • 利用重用標識找到cell(如果沒有注冊類,就需要手動創(chuàng)建cell)
        • 給cell傳遞模型數(shù)據(jù)
        • 也可以將創(chuàng)建獲得cell的代碼封裝起來(比如cellWithTableView:方法)
  • 非等高的cell

    • xib自定義cell(重點!)
      • 在模型中增加一個cellHeight屬性,用來存放對應(yīng)cell的高度
      • 在cell的模型屬性set方法中調(diào)用[self layoutIfNeed]方法強制布局,然后計算出模型的cellheight屬性值
      • 在控制器中實現(xiàn)tableView:estimatedHeightForRowAtIndexPath:方法,返回一個估計高度,比如200
      • 在控制器中實現(xiàn)tableView:heightForRowAtIndexPath:方法,返回cell的真實高度(模型中的cellHeight屬性
    • storyboard自定義cell
    • 代碼自定義cell(frame)
    • 代碼自定義cell(Autolayout)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容