iOS学习笔记之UITableView（1）

最新推荐文章于 2024-04-24 21:28:19 发布

yetOnlyCode

最新推荐文章于 2024-04-24 21:28:19 发布

阅读量223

点赞数

分类专栏： iOS笔记文章标签： ios开发 ios uitableview 控件 UI基础

本文链接：https://blog.csdn.net/yetOnlyCode/article/details/52017325

版权

iOS笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

序引

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

本文主要涉及的知识点：

UITableView的概念
UITableView显示数据的两种样式
UITableView的使用步骤
UITableView的常见属性
UITableViewCell的基本概念
UITableViewCell的常见属性
UITableView的代理方法
UITableViewController的讲解
UITableViewCell的重用

1. UITableView的概念

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

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

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

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的高度：

方法声明：
- (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控制器
- 第三步：修改新拖进来的TableViewController控制器的自定义类名为第一步中继承自UITableViewController类的类名
- 第四步：勾选TableViewController控制器为程序启动第一个加载的控制器
注意点：
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;
}

yetOnlyCode

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
iOS学习笔记之UITableView（1）

序引本系列文章将介绍iOS开发中的UITableView控件，将会分成四篇文章完整的讲述UITableView的具体使用方法和注意点，文章编写周期会长一些，由于本人还在学习iOS开发阶段，有些东西可能会描述不对或错误，Markdown排版也不是特别好，欢迎各位读者指点其中不对的地方。本文主要涉及的知识点： UITableView的概念 UITableView显示数据的两种样式
复制链接

扫一扫