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];
网友评论