ios开发-UITableView基础

UITableView基础

• 设置UITableView的dataSource,delegate

• UITableView多组数据和单组数据的展示

• UITableViewCell的常见的属性

• UITableView的性能优化(cell的循环利用)

• 自定义Cell

什么是UITableView?

• 在移动应用中我们看到的各种列表数据
• 在iOS中要实现展示列表数据,最常用的做法就是使用UITableView
• 重要的是UITableView集成UIScrollview,因此是支持垂直滚动的,性能极佳

UITableView的两种样式

• 静态列表和动态列表(一个是写死的,一个是根据传入的数据来显示)

如何展示数据

• UITableView需要一个数据源(dataSource)来显示数据
• UITableView会向数据源查询一共有多少行数据以及每一行显示什么数据等
• 没有设置数据源的UITableView只是一个空格—类似我们看到的纸质的算术本.
• 凡是遵守UITableViewDataSource协议的OC对象,都可以是UITableView的数据源

tableView和数据源

以下是遵守协商实现的方法:

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

调用数据源的方法得知每一组有多少行
    - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section;
同样是调用数据源的方法每一行显示的内容
    - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;

认识MVC

• MVC是一组合的设计思想,贯穿的是整个ios开发中的
• MVC中的三个角色
  • M:Model,模型数据
  • V:View,视图(界面)
  • C:Control,控制中心
• MVC的几个明显的特征和体现:
  • View上面显示什么东西,取决于Model
  • 只要Model数据改变了,View上面显示的状态会跟着更改
  • Control负责初始化Model,并且将Model传递给View去解析展示

Cell简介

• UITableView的每一行都是一个UITableViewCell,通过dataSource的tableView:cellForRowAtIndexPath:方法来初始化每一行
• UITableViewCell内部有个默认的子视图:contentView,contentView是UITableViewViewCell所显示内容的父控件视图,可显示一些辅助指示视图
• 辅助指示视图的作用是显示一个表示动作的图标,可以通过设置UITableViewCell的accessoryType来显示,默认是UITableViewCellAccessoryNone(不显示辅助指示视图),其他值如下:
• UITableViewCellAccessoryDisclosureIndicator
• UITableViewCellAccessoryDetailButton
• UITableViewCellAccessoryCheckmark
• 还可以通过cell的accessoryView来设置自定义辅助指示视图(比如在右边放一个开关)

UITableViewCell的contentView

• contentView下默认有3个子视图
  • 其中两个是UILabel(通过UITableViewCell的textLabel和detailTextLabel属性访问)
  • 第3个时UIImageView(通过UITableViewCell的imageView属性访问)
  • UITableViewCell还有一个UITableViewCellStyle属性,用于决定使用contentView的哪些子视图,以及这些子视图在contentView中的位置

Cell的重用原理

• ios设备的内存是有限的,如果用UITableView去显示所有的数据,没那么内存会爆炸,此时就要用到cell的重用——简单的说就是几个cell的轮流使用,好比一个叫cell的盒子,装不同的数据出来显示,盒子就那几个,数据不同而已

• 重用的原理:当滚动列表的时候,部分的UITableViewCell会被滚出窗口,UITableView会将窗口外的UITableViewCell放入一个对象池中,等待重用.当UITableView要求dataSource返回UITableViewCell,dataSource会先查看这个对象池,如果池中有未使用的UITableView,重新显示代窗口中,从而避免创建新对象.

• 要注意的是!!!有时候自定义的UITableViewCell(用一个子类集成UITableViewCell),而且每一行用的不一定是同一种UITableViewCell,所以一个UITableView可能拥有不同类型的UITableViewCell,这样可能会再对象池子中造成混乱

• 解决方案:UITableViewCell有个NSString *reuseIdentifier属性,可以再初始化UITableViewCell的时候传入一个特定的字符串表示来设置reuseIdentifier(一般用UITableViewCell的类名).当UITableView要求dataSource返回UITableViewCell时,先通过一个字符串表示来对象池子中查找对应的UITableViewCell对象,如果有就取出来,没有就传入这个字符串标识来初始化一个UITableViewCell对象

cell重用的实现代码如下:

- (UITableViewCell *)tableview:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    //1.定义一个cell标识
    static NSString *ID = @“cell”;

    //2.从缓存池子中取出cell
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];

    //3.度过缓存池中没有cell
    if (cell == nil){

    cell =[ [UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID]
}

    //4.设置cell属性
    cell.textLabel.text = ……….
    return cell;
}

通过代码自定义Cell(cell的高度不一致)

• 先建一个继承UITableViewCell的类
• 重写initWithStyle:reuseIdentifier:方法
  • 添加所有需要显示的子控件(不需要设置子控件的数据和frame,子控件要添加到contentView中)
  • 进行子控件一次性的属性设置(有些属性只要设置一次,比如字体\固定的图片)
• 提供两个模型
  • 数据模型:存放文字和图片数据的
  • frame模型:存放数据模型\所有的子控件的frame\cell的高度
• cell用有一个frame模型(不要直接拥有数据模型)
• 重写frame模型属性的setter方法:在这个方法中设置子控件的显示数据和frame
• frame模型数据的初始化已经采取了懒加载的方式(每一个cell对应的frame模型数据只加载一次)

给UITableView加一个侧边的索引条(如下图)

Snip20151216_3.png

有一个小技巧就是把它的头部标题Header,最好是取一个字母,例如是ABC.....
这样的话是方便索引条来排序的
实现的代码如下:

- (NSArray<NSString *> *)sectionIndexTitlesForTableView:(UITableView *)tableView
{
  // 取出self.carGroups这个数组每一个对象(XMGCarGroup)的title属性的值,放在一个新的数组中返回
return [self.carGroups valueForKeyPath:@"title"];
}

(这里的titl就是我们设置的header的一个key)
在viewDidLoad中,设置索引条的背景颜色和文字颜色
self.tableView.sectionIndexColor = [UIColor redColor];
self.tableView.sectionIndexBackgroundColor = [UIColor cyanColor];