iOS学习笔记之UITableView（1）

2016-07-24 本文已影响1132人 yetCode

序引

本系列文章将介绍iOS开发中的UITableView控件，将会分成四篇文章完整的讲述UITableView的具体使用方法和注意点，文章编写周期会长一些，由于本人还在学习iOS开发阶段，有些东西可能会描述不对或错误，Markdown排版也不是特别好，欢迎各位读者指点其中不对的地方。

本文主要涉及的知识点：

UITableView的概念

UITableView显示数据的两种样式

UITableView的使用步骤

UITableView的常见属性

UITableViewCell的基本概念

UITableViewCell的常见属性

UITableView的代理方法

UITableViewController的讲解

UITableViewCell的重用

1. UITableView的概念

在iOS开发中，要实现展示列表数据，就常用的做法就是使用UITableView
UITbaleView继承自UIScrollView，因此支持垂直滚动，而且性能极佳

2. UITableView显示数据的两种样式

单组样式
- UITableViewStylePlain
- 展示单组数据，没有分组
- 例如：
  
  01.png

分组样式
- UITableViewStyleGrouped
- 展示多组数据，有分组，每一组可以有不同的行数
- 例如：
  
  02.png

3. UITableView的使用步骤

第一步：设置数据源对象
- self.tableView.dataSource = self;
- 数据源对象一般设置为当前控制器
- 设置的语句写在控制器的- (void)viewDidLoad方法中
```
- (void)viewDidLoad {
    [super viewDidLoad];

    // 设置数据源对象为当前控制器
    self.tableView.dataSource = self;
}
```
第二步：设置的数据源对象要遵守协议
- 设置为数据源对象的类一定要遵守UITableViewDataSource协议
```
@interface ViewController () <UITableViewDataSource>

@end
```

第三步：实现数据源协议中的方法

单组数据必须实现数据源中的两个方法
多行数据必须实现数据源中的三个方法
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
- 告诉tableView一共有多少组数据
- 单组数据可以不用实现（因为只有一组数据，系统默认为1），多组数据必须实现
- 参数section：传入当前是第几组，当样式为单组数据的时候，section永远为0
```
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    return 4;
}
```

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

告诉tableView每一组有多少行数据
单组数据和多组数据都必须实现
参数section：传入当前是第几组

参数

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    if (section == 0) {
        return 2; // 第0组有两行数据
    } else if (section == 1) {
        return 6; // 第1组有六行数据
    } else if (section == 2) {
        return 6; // 第2组有六行数据
    } else {
        return 1; // 第3组有一行数据
    }
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

告诉tableView每一行显示的内容
tableView每一行的内容一定是UITableViewCell
单组数据和多组数据都必须实现

参数indexPath：indexPath有两个属性，indexPath.section传入当前是第几组，indexPath.row传入当前是第几行

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell = [[UITableViewCell alloc] init];

    if (indexPath.section == 0) {
        if (indexPath.row == 0) {
            // 第0组第0行显示的数据为“通用”
            cell.textLabel.text = @"通用";
        } else if (indexPath.row == 1) {
            // 第0组第1行显示的数据为“隐私”
            cell.textLabel.text = @"隐私";
        }
    } else {
        // 其他组显示的数据为自己的组号和行号
        cell.textLabel.text = [NSString stringWithFormat:@"%zd组%zd行-其他数据", indexPath.section,indexPath.row];
    }
    return cell;
  }

- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section

告诉tableView每一组的头部标题

参数section：传入当前是第几组

- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section
{
    if (section == 0) {
        return @"头部标题";
    } else {
        return @"头部标题";
    }
}

- (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section

告诉tableView每一组的尾部标题

参数section：传入当前是第几组

- (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section
{
    if (section == 0) {
        return @"尾部标题";
    } else {
        return @"尾部标题";
    }
}

4. UITableView的常见属性

设置行高的高度：

属性：
@property (nonatomic) CGFloat rowHeight;

使用格式：
self.tableView.rowHeight = 70;

说明：
默认是44

设置每一组的头部高度：

属性：
@property (nonatomic) CGFloat sectionHeaderHeight;

使用格式：
self.tableView.sectionHeaderHeight = 50;

设置分割线的颜色：

属性：
@property (nonatomic, strong) UIColor *separatorColor

使用格式：
self.tableView.separatorColor = [UIColor redColor];

说明：
设置[UIColor clearColor]代表隐藏分割线，[UIColor clearColor]为透明色对象

设置分割线的样式：

属性：
@property (nonatomic) UITableViewCellSeparatorStyle separatorStyle

使用格式：
self.tableView.separatorStyle = UITableViewCellSeparatorStyleSingleLine;

枚举UITableViewCellSeparatorStyle常用的枚举元素：
UITableViewCellSeparatorStyleNone // 隐藏分割线
UITableViewCellSeparatorStyleSingleLine // 默认样式
UITableViewCellSeparatorStyleSingleLineEtched // 仅支持在grouped样式，但是和默认样式没什么区别

设置表头控件：

属性：
@property (nonatomic, strong) UIView *tableHeaderView;

使用格式：
self.tableView.tableHeaderView = [[UISwitch alloc] init];

设置表尾控件：

属性：
@property (nonatomic, strong) UIView *tableFooterView;

使用格式：
self.tableView.tableFooterView = [[UISwitch alloc] init];

5. UITableViewCell的基本概念

UITableView的每一行都是一个UITableViewCell
UITableView内部有个默认的子控件：contentView，填充整个UITableViewCell的父控件
UITableView的子控件实质都在contentView

6. UITableViewCell的常见属性

设置cell右边的指示控件：

属性：
@property (nonatomic, strong) UIView *accessoryView;

使用格式：
cell.accessoryView = [[UISwitch alloc] init];

设置cell右边的指示样式：

属性：
@property (nonatomic) UITableViewCellAccessoryType accessoryType;

使用格式：
cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;

枚举UITableViewCellSeparatorStyle常用的枚举元素：
UITableViewCellSeparatorStyleNone // 隐藏分割线
UITableViewCellSeparatorStyleSingleLine // 默认样式
UITableViewCellSeparatorStyleSingleLineEtched //

设置cell的选中样式：

属性：
@property (nonatomic) UITableViewCellSelectionStyle selectionStyle;

使用格式：
cell.selectionStyle = UITableViewCellSelectionStyleNone;

枚举UITableViewCellSelectionStyle常用的枚举元素：
UITableViewCellSelectionStyleNone // 不能选中
UITableViewCellSelectionStyleBlue
UITableViewCellSelectionStyleGray
UITableViewCellSelectionStyleDefault

设置cell的背景控件：

属性：
@property (nonatomic, strong) UIView *backgroundView;

使用格式：
UIView *bg = [[UIView alloc] init];
bg.backgroundColor = [UIColor redColor];
cell.backgroundView = bg;

设置cell的背景颜色：

属性：
@property(nullable, nonatomic,copy) UIColor *backgroundColor

使用格式：
cell.backgroundColor = [UIColor blueColor];

说明：
还可以设置cell的子控件背景图片
cell.textLabel.backgroundColor = [UIColor greenColor];

设置cell选中的背景view：

属性：
@property (nonatomic, strong) UIView *selectedBackgroundView;

使用格式：
UIView *seletedBg = [[UIView alloc] init];
seletedBg.backgroundColor = [UIColor purpleColor];
cell.selectedBackgroundView = seletedBg;

7. UITableView的代理方法

当选中某一行cell的时候就会调用这个方法：

方法声明：
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath;

使用格式：
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    NSLog(@"选中第%zd行", indexPath.row);
}

当取消选中某一行cell的时候就会调用这个方法：

方法声明：
- (void)tableView:(UITableView *)tableView didDeselectRowAtIndexPath:(NSIndexPath *)indexPath;

使用格式：
- (void)tableView:(UITableView *)tableView didDeselectRowAtIndexPath:(NSIndexPath *)indexPath
{
    NSLog(@"取消选中第%zd行", indexPath.row);
}

返回每一组的头部控件：

方法声明：
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section;

使用格式：
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
    return [UIButton buttonWithType:UIButtonTypeContactAdd];
}

返回每一组的尾部控件：

方法声明：
- (UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section;

使用格式：
- (UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section
{
    return [[UISwitch alloc] init];
}

返回每一组的头部高度：

方法声明：
- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section;

使用格式：
- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
{
    return 100;
}

返回每一组的尾部高度：

方法声明：
- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section;

使用格式：
- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section

{
return 100;
}


- 返回每一行cell的高度：
```objc
方法声明：
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath;

使用格式：
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    if (indexPath.row == 0) {
        return 100;
    } else {
        return 50;
    }
}

8. UITableViewController的讲解

将控制器设置为UITableView的方法和步骤
- 第一步：创建新的类或修改原有的ViewController类，继承自UITableViewController
- 第二步：在Main.storyboard中删除自带的UIViewController控制器，然后往里面拖一个UITableViewController控制器
  03.png
- 第三步：修改新拖进来的TableViewController控制器的自定义类名为第一步中继承自UITableViewController类的类名
  04.png
- 第四步：勾选TableViewController控制器为程序启动第一个加载的控制器
  05.png
注意点：
tableVieController有个tableView属性，指向一个tableView
tableView的dataSource和delegate属性指向的就是这个控制器，并且这个控制器已经遵守了UITableViewDataSource和UITableViewDelegate
每个控制器的内部都有一个view属性，在tableVieController中，view和tableView属性指向的是同一个对象（控制器的view就是tableView）

9. UITableViewCell的重用

原因
- iOS设备的内存有限，如果用UITableView显示成千上万条数据，就需要成千上万个UITableViewCell对象的话，那将会耗尽iOS设备的内存
- 要解决该问题，需要重用UITableViewCell对象
原理：
- 当滚动列表时，部分UITableViewCell会移出窗口，UITableView会将窗口外的UITableViewCell放入一个缓存池中，等待重用
- 当UITableView要求dataSource返回UITableViewCell时，dataSource会先查看这个对象池，如果池中有未使用的UITableViewCell，dataSource会用新的数据配置这个UITableViewCell，然后返回给UITableView，重新显示到窗口中，从而避免创建新的UITableViewCell对象

Cell重用的实现代码

方法一：

定义一个cell的重用标识
根据这个ID去缓存池中看有没有可循环利用的cell
如果缓存池中没有可循环利用的cell，自己创建

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
        // 1. 定义一个重用标识
        static NSString *ID = @"A";

        // 2. 根据这个ID去缓存池中看有没有可循环利用的cell
        UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"A"];

        // 3. 如果缓存池中没有可循环利用的cell, 自己创建
        if (cell == nil) {
            cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"A"];
        }
        return cell;
}

方法二：

定义一个cell的重用标识
根据这个ID去缓存池中看有没有可循环利用的cell
如果缓存池中没有会看有没有根据ID这个标识注册对应的cell类型
如果有注册，会根据这个ID创建对应的类型的cell，并且会绑定这个ID标识，返回这个cell

// 1. 定义一个重用标识
static NSString *ID = @"A";

- (void)viewDidLoad
{
       [super viewDidLoad];

       // 3. 根据ID 这个标识 注册 对应的cell类型是UITableViewCell
       [self.tableView registerClass:[YTTableViewCell class] forCellReuseIdentifier:ID];
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
         // 2. 根据这个ID去缓存池中看有没有可循环利用的cell
         YTTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];

         return cell;
}