• 问题总会出现,不过解决问题的方法也会出现!!!

UITableView01-基本属性

UITableView 小雨 555次浏览 已收录 0个评论

UITableView简介

什么是UITableView

UITableView01-基本属性在iOS中,要实现表格数据展示,最常用的做法就是使用UITableView
UITableView继承自UIScrollView,因此支持垂直滚动,而且性能极佳

UITableView的两种样式

UITableView01-基本属性

如何展示数据

UITableView需要一个数据源(dataSource)来显示数据
UITableView会向数据源查询一共有多少行数据以及每一行显示什么数据等
没有设置数据源的UITableView只是个空壳
凡是遵守UITableViewDataSource协议的OC对象,都可以是UITableView的数据源

tableView和数据源

UITableView01-基本属性
tableView展示数据的过程

调用数据源的下面方法得知一共有多少组数据
- (NSInteger)numberOfSectionsInTableView:(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是UITableViewCell所显示内容的父视图,可显示一些辅助指示视图
辅助指示视图的作用是显示一个表示动作的图标,可以通过设置UITableViewCell的accessoryType来显示,默认是UITableViewCellAccessoryNone(不显示辅助指示视图),其他值如下:
UITableView01-基本属性
还可以通过cell的accessoryView属性来自定义辅助指示视图(比如往右边放一个开关

UITableViewCell的contentView

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

typedef NS_ENUM(NSInteger, UITableViewCellStyle) {
UITableViewCellStyleDefault, // Simple cell with text label and optional image view (behavior of UITableViewCell in iPhoneOS 2.x)
UITableViewCellStyleValue1, // Left aligned label on left and right aligned label on right with blue text (Used in Settings)
UITableViewCellStyleValue2, // Right aligned label on left with blue text and left aligned label on right (Used in Phone/Contacts)
UITableViewCellStyleSubtitle // Left aligned label on top and left aligned label on bottom with gray text (Used in iPod).
}; // available in iPhone OS 3.0

UITableView01-基本属性

UITableViewCell结构

UITableView01-基本属性UITableView01-基本属性

Cell的重用原理

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

UITableView01-基本属性重用原理:

当滚动列表时,部分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对象

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的属性...

return cell;
}

补充

plain样式

UITableView01-基本属性

group样式

区别:在plain样式中, 如果设置了, 组头, 还有组尾, 拖动的时候会, 悬浮在屏幕顶端或底部

tableView:titleForHeaderInSection : 设置 组头 显示的文本

tableView:titleForFooterInSection : 设置 组尾显示的文本

UITableView01-基本属性

设置 row 行高:

// 每一行都是同样的高度
_tableView.rowHeight = 60;

// 可以返回一个固定的高度, 也可以针对不同的cell 返回不同的高度
// 动态的返回cell 高度
- (CGFloat)tableView:(nonnull UITableView *)tableView heightForRowAtIndexPath:(nonnull NSIndexPath *)indexPath {

return 80;
}

section header 和 section footer

UITableView01-基本属性titleForHeaderInSection: 返回一个字符串
viewForHeaderInSection: 返回的是一个自定义的view

titleForFooterInSection: 返回一个字符串
viewForFooterISection: 返回一个自定义的view

// 设置section header 和 footer的高度
_tableVIew.sectionHeaderHeight = 60;
_tableVIew.sectionFooterHeight = 60;
- (CGFloat)tableView:(nonnull UITableView *)tableView heightForHeaderInSection:(NSInteger)section {
return 60;
}
- (CGFloat)tableView:(nonnull UITableView *)tableView heightForFooterInSection:(NSInteger)section {
return 60;
}
// 允许选择多个cell
_tableVIew.allowsMultipleSelection = YES;

cell 的重用:

依靠设置 : reuseIndentifier : 重用标识来实现

调用cellForRowAtIndexPath:
1. 定义一个 重用标示符
2. 按照 reuseIndentifier 先到缓存池中去找
3. 如果找到 , 设置完数据直接返回
如果找不到: 重新实例化新的cell

嵌套模型解析:

CarModel *carModel = [CarModel carModelWith:dict];
1. 会执行 CarModel 中 carModelWith: 这个类方法
2. carModelWith: 会调用 [[self alloc] initWithDict:dict];
3. initWithDict:
3.1

[self setValuesForKeysWithDictionary:dict];

执行完这个方法之后, carModel的两个属性: title, cars 都有值
3.2

NSMutableArray *tempArray = [NSMutableArray array];

// 字典转模型
for (NSDictionary *dict in self.cars) {
InnerCarModel *innerCarModel = [InnerCarModel innerCarModelWith:dict];

[tempArray addObject:innerCarModel];
}

// 赋值给 carModel 的 cars 属性
self.cars = tempArray;

[_dataArray addObject:carModel];

UITableView01-基本属性

定义cell的过程:

- (UITableViewCell *)tableView:(nonnull UITableView *)tableView cellForRowAtIndexPath:(nonnull NSIndexPath *)indexPath {
// 1. 定义一个 重用标示符

// 2. 根据重用标示符 先到缓存池中查找cell

// 3. 判断 cell 是否找到, 如果找不到就重新实例化cell

// 4. 设置cell 内容

// 5. 返回cell
}

定义tablView右侧的索引栏:

// 返回一个数组, 数组中元素是 section header上显示的 title
- (nullable NSArray *)sectionIndexTitlesForTableView:(nonnull UITableView *)tableView

// 使用的kvc 找到数组中对应的属性, 返回一个数组
_indexArray = [_dataArray valueForKeyPath:@"title"];

对tableViewCell的编辑:

// cell 被选中的时候, 会调用这个方法
- (void)tableView:(nonnull UITableView *)tableView didSelectRowAtIndexPath:(nonnull NSIndexPath *)indexPath

// 设置alerView的样式
alerView.alertViewStyle = UIAlertViewStylePlainTextInput;

// 取得alerView中的输入框
UITextField *textField = [alerView textFieldAtIndex:0];

// tableView 刷新数据
1. 必须修改数据源(dataArray中对应model中的属性)的数据
2. 刷新tableView的数据
[_tableView reloadData]; 对所有数据执行的刷新(会比较消耗新能)

// 针对某一行的数据进行刷新, 自带动画
[_tableVIew reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationLeft];

UITableViewCell的重用:

1. 定义重用标示符
2. 根据重用标示符, 取缓存池中找cell
3. 判断cell 是否找到
如果找不到, 就重新实例化cell: (一定要把重用标示符添加上)


本博客内容既有转载自网络的内容,也有本作者原创内容,仅供学习与交流之用
如有侵权或者错误之处,请及时在下方留言!
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址