iOS-UI控件之UITableView（一）

UITableView

介绍

• UITableView 是用来用列表的形式显示数据的UI控件
  • 举例
  • QQ好友列表
  • 通讯录
  • iPhone设置列表

tableView 常见属性

    // 设置每一行cell的高度 self.tableView.rowHeight = 100; // 设置每一组头部的高度 self.tableView.sectionHeaderHeight = 50; // 设置每一组尾部的高度 // self.tableView.sectionFooterHeight = 50; // 设置分割线颜色 self.tableView.separatorColor = [UIColor redColor]; // 设置分割线样式 self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone; // 设置表头控件 self.tableView.tableHeaderView = [[UISwitch alloc] init]; // 设置表尾控件 self.tableView.tableFooterView = [UIButton buttonWithType:UIButtonTypeContactAdd]; 

UITableView的两种样式只读属性

• 只读属性，在代码中不能修改

  UITableViewStylePlain

• 一组显示Section = 1;

UITableViewStyleGrouped

• 分组显示Section >= 1;

展示数据

遵守协议

• UITableViewDataSource

设置数据源

• 连线
• 代码

实现数据源方法

• 先调多少组

//调用数据源的下面方法得知一共有多少组数据 - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView; 

• 多少行

//调用数据源的下面方法得知每一组有多少行数据 - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section; 

- 每行数据

//调用数据源的下面方法得知每一行显示什么内容 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath; 

UITableView右边的索引条

• 属性

    //设置tableView右边索引文字的颜色 self.tableView.sectionIndexColor = [UIColor redColor]; //设置右边索引文字背景的颜色 self.tableView.sectionIndexBackgroundColor = [UIColor grayColor]; //数据源方法索引信息 - (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView { //返回的是一个数组，数组中的元素是显示信息，只是提示，结果还是按索引位置分组 return [NSArray arrayWithObjects:@"a",@"b",@"c",@"d", nil]; } 

tableView常用方法

//设置分组的头部数据 - (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section { return @"头部"; } //设置分组的尾部数据 - (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section { return @"头部"; } ** * 当选中一行的时候调用（点击） */ - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath { // XMGWine *wine = self.wineArray[indexPath.row]; // NSLog(@"点击了:%@", wine.name); NSLog(@"选中了:%zd", indexPath.row); } /** * 当取消选中一行的时候调用 */ - (void)tableView:(UITableView *)tableView didDeselectRowAtIndexPath:(NSIndexPath *)indexPath { NSLog(@"取消选中了:%zd", indexPath.row); } /** * 返回每个cell的高度 */ - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath { if (indexPath.row % 2 == 0) { return 50; } else { return 100; } } 

UITableViewCell

• cell 的样式属性
  • UITableViewCellStyleDefault
  • UITableViewCellStyleValue1
  • UITableViewCellStyleValue2
  • UITableViewCellStyleSubtitle

• cell 右边指示样式的属性accessoryView

  • 优先级高于accessoryType

• cell 右边指示样式的属性 accessoryType

  • UITableViewCellAccessoryNone
  • UITableViewCellAccessoryDisclosureIndicator
  • UITableViewCellAccessoryDetailDisclosureButton
  • UITableViewCellAccessoryCheckmark
  • UITableViewCellAccessoryDetailButton

• cell 被点击的颜色变化iOS 7 之前的

  • UITableViewCellSelectionStyleNone
  • UITableViewCellSelectionStyleBlue
  • UITableViewCellSelectionStyleGray
  • UITableViewCellSelectionStyleDefault

创建 Cell 的性能分析及优化

cell的重用原理

• iOS设备的内存有限，如果用UITableView显示成千上万条数据，就需要成千上万个UITableViewCell对象的话，那将会耗尽iOS设备的内存。要解决该问题，需要重用UITableViewCell对象

  • 重用原理：当滚动列表时，部分UITableViewCell会移出窗口，UITableView会将窗口外的UITableViewCell放入一个对象池中，等待重用。当UITableView要求dataSource返回UITableViewCell时，dataSource会先查看这个对象池，如果池中有未使用的UITableViewCell，dataSource会用新的数据配置这个UITableViewCell，然后返回给UITableView，重新显示到窗口中，从而避免创建新对象

• 还有一个非常重要的问题：有时候需要自定义UITableViewCell(用一个子类继承UITableViewCell)，而且每一行用的不一定是同一种UITableViewCell，所以一个UITableView可能拥有不同类型的UITableViewCell，对象池中也会有很多不同类型的UITableViewCell，那么UITableView在重用UITableViewCell时可能会得到错误类型的UITableViewCell

  • 解决方案：UITableViewCell有个NSString *reuseIdentifier属性，可以在初始化UITableViewCell的时候传入一个特定的字符串标识来设置reuseIdentifier(一般用UITableViewCell的类名)。当UITableView要求dataSource返回UITableViewCell时，先通过一个字符串标识到对象池中查找对应类型的UITableViewCell对象，如果有，就重用，如果没有，就传入这个字符串标识来初始化一个UITableViewCell对象

不优化时内存分析

不优化的时候

• 离开可视范围就销毁
  • 频繁的开辟内存，销毁内存

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { UITableViewCell *cell = [[UITableViewCell alloc] init]; cell.textLabel.text = [NSString stringWithFormat:@"%zd行",indexPath.row]; NSLog(@"cellForRowIndexPath --%zd",indexPath.row); return cell; } 

优化后内存地址分析

Cell的重用代码

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { // 1.定义一个cell的标识 //static 定义变量----只初始换一次 static NSString *ID = @"jrcell"; // 2.从缓存池中取出cell UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID]; // 3.如果缓存池中没有cell if (cell == nil) { cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID]; //尽量将cell的初始化设置，放在这个代码块中 //如果这个设置是所有cell都要保持一致的，就可以放在这个代码块中 cell.textLabel.font = [UIFont systemFontOfSize:30]; } // 4.设置cell的属性... return cell; } 

cell的重用代码新写法