iOS学习29之UITableView

1. UITableView的概念

　1> 概述

• UITableView 继承于 UIScrollView , 可以滚动
• UITableView 的每一条数据对应的单元格叫做 Cell , 是 UITableViewCell 的一个对象, 继承于 UIView
• UITableView 可以分区显示, 每个分区称为 section , 每一行称为 row, 编号都从0开始
• 系统提供了一个专门的类来整合 section 和 row, 叫做 NSIndexPath

　2> 图解

 

2. UITableView的基本使用

　1> UITableView 的创建代码

    // 创建对象
    // 使用初始化方法,并设置样式
    // 系统为我们提供了两种样式 (UITableViewStyleGrouped 分组样式 ,UITableViewStylePlain 普通样式)
    self.tableView = [[UITableView alloc] initWithFrame:self.frame style:UITableViewStyleGrouped];
    
    // 添加到父视图
    [self addSubview:self.tableView];

　2> UITableView 显示的相关属性

    // 设置属性
    
    // 分隔线的颜色
    self.tableView.separatorColor = [UIColor blackColor];
    
    // 分隔线的样式
    self.tableView.separatorStyle = UITableViewCellSeparatorStyleSingleLine;
    
    // 设置行高
    self.tableView.rowHeight = 120;
    
    // 添加置顶视图
    UIView *headerView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.frame.size.width, 200)];
    
    headerView.backgroundColor = [UIColor cyanColor];
    
    self.tableView.tableHeaderView = headerView;

3. UITableView显示数据

　1> UITableView中两个重要的属性

　2> UITableView代理的实现代码

　　① 签订 UITableView 协议

　　@interface ViewController () <UITableViewDataSource, UITableViewDelegate>

　　@end

　　② 设置当前的 ViewController 为 UITableView 代理

    // 设置dataSource代理
    tableView.delegate = self;

    // 设置delegate代理
    tableView.dataSource = self;

　　③  UITableViewDataSource协议方法的实现代码

• UITableView 的 DataSource 是负责给 UITableView 对象提供数据的代理, 遵循 UITableViewDataSource 协议
• UITableViewDataSource 协议中有两个必须实现的协议方法

// tableView每个分区要显示的行数
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return 100; }
// tableView每次要显示一个cell都会调用这个方法获取
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    UITableViewCell *cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"reuse"] autorelease];
    cell.textLabel.text = @"标题";
    return cell;
}

• UITableViewDataSource 协议中其他的协议方法

// 设置分区个数
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
   return 2;
}

// 设置头标题
- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section {
    
    return @"头标题";
}

// 设置未尾标题
- (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section {
    return @"尾标题";
}

// 设置分区索引
- (NSArray<NSString *> *)sectionIndexTitlesForTableView:(UITableView *)tableView {
    
    return @[@"A", @"B", @"C", @"D"];
}

　　④ UITableViewDelegate 协议中的协议方法

// 设置行高
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    return 120;
}

// 设置分区头高度
- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section {
    if (section == 0) {
        return 100;
    }
    return 40;
}

// 设置分区尾高度
- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section {
    
    return 40;
}

// 自定义Section的header视图
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {
    if (section == 0) {
        UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 100)];
        label.backgroundColor = [UIColor orangeColor];
        label.text = @"第一个section的header视图";
        
        return label;
    }
    return nil;
}
// 点击cell
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
    // 取消选中效果
    [tableView deselectRowAtIndexPath:indexPath animated:YES];
    
    if (indexPath.section == 0 && indexPath.row == 0) {
        // 跳转第二页
        SecondViewController *secondVC = [[SecondViewController alloc] init];
        [self.navigationController pushViewController:secondVC animated:YES];
        
    }
}

　3> UITableViewCell

　　UITableView 的一个单元格 UITableViewCell 类的对象, 继承于 UIView

　　① UITableViewCell 默认提供了3个视图属性:

            cell.textLabel.text = @"朋友圈";
            
            // 详细的描述Label
            cell.detailTextLabel.text = @"分享";
            
            cell.imageView.image = [UIImage imageNamed:@"Action_Moments"];

　　② 设置后面的小视图

             // 设置后面的小视图 - 系统的样式 (accessory 配件)
             cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
            
            // 设置后面的小视图 - 自定义样式
            UIImageView *accessoryView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 48, 48)];
            accessoryView.image = [UIImage imageNamed:@"Expression_3"];
            
            cell.accessoryView = accessoryView;

4. UITableViewCell的重用机制

　1> 概述

　　UITableView 有一个重用池机制管理 cell , 目的是使用尽可能少的 cell 显示数据 　

　2> UITableView重用cell的流程

• 当一个 cell 被滑出屏幕, 这个 cell 会被系统放到相应的重用池中
• 当 tableView 需要显示一个 cell , 会先去重用池中尝试获取一个 cell
• 如果重用池没有 cell , 就会创建一个 cell
• 取得 cell 之后会重新赋值进行使用

　3> UITableView 重用 cell 的两种方法

　　① 普通方法

　　- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    
    static NSString *identifier = @"cell";
    // 1.优先从重用队列中查找标识符为cell的UITableViewCell对象
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
    
    if (cell == nil) {
        // 如果cell为空，说明重用队列中没有标识符为cell的对象，那么创建标识符为cell的对象
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:identifier];
    }
    
    // 设置cell显示的数据
    ...    

    // 返回cell对象
    return cell;
}

　　② 使用注册实现

    - (void)viewDidLoad {
    [super viewDidLoad];

    // 第一步:注册cell
    [_rootView.tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:@"cell"];
 
    }
    // 返回cell对象
    - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    // 第二步:根据重用标识符查找cell(如果找到就返回,没有找到就会自动创建一个并返回)
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell" forIndexPath:indexPath];
    
    // 设置数据
    cell.textLabel.text = _dataArray[indexPath.row];
    
    return cell;
}