一、概述
- 本文主要是针对在
iOS
开发中,UITableView
的表头、表尾、段头、段尾
的开发过程中的遇到的细坑以及填坑的处理方式。 -
UITableView
是我们在iOS
开发中经常使用到一种可视控件,UITableView
的类型分为两种:UITableViewStyleGrouped
和UITableViewStylePlain
.tableView
的默认的类型是UITableViewStylePlain
。 - 希望能为广大开发提供一点思路,少走一些弯路,填补一些细坑。
二、细坑
UITableView
设置类型UITableViewStylePlain
页面显示正常,但设置类型为UITableViewStyleGrouped
则tableView
顶部距离导航栏底部有段距离,且你设置0
无效。如下图所示:
-
UITableViewStylePlain
效果图
-
UITableViewStyleGrouped@2x.pngUITableViewStyleGrouped
效果图
据分析,iOS7在tableView
样式设置为UITableViewStyleGrouped
后,默认设置了Header
的高度。
三、填坑
- 方法一:设置的
tableHeaderView
高度为特小值 (切记不能为零,若为零的苹果会取默认值)
// 注意:这种设置方式才有效,下面三种设置无效
tableView.tableHeaderView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, MHMainScreenWidth, CGFLOAT_MIN)];
// tableView.tableHeaderView = nil;
// tableView.tableHeaderView = [[UIView alloc] init];
// tableView.tableHeaderView = [[UIView alloc] initWithFrame:CGRectZero];
- 方式二:实现
UITableViewDelegate
方法(切记不能返回0
,否则等于没设置,会走苹果的默认值。iOS UITableView 表头、表尾、段头、段尾 的坑(一)))
- (CGFloat) tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
{
return CGFLOAT_MIN; // .001f
}
- 方式三:设置
tableView
的contentInset
,该Demo
中默认的tableView.contentInset.top = 64
,经过滚动调试,确认当tableView
的header
底部滚动到导航栏的底部时,tableView.contentOffset.y = -29 , 默认等于-64
,于是即可得应该设置tableView.contentInset = UIEdgeInsetsMake(29, 0, 0, 0);
,其实不然,这样会导致tableView.contentInset.top = 64+29
,因为tableView
会在tableView.contentInset.top = 29
的情况下,在往下偏移64
像素。这里所以应该设置为29-64
即可。
/// 设置tableView的contentInset
self.tableView.contentInset = UIEdgeInsetsMake(-35, 0, 0, 0);
```
四、拓展
- 去除
tableView
上底部多余的分割线。
tableView.tableFooterView = [[UIView alloc] init];
五、期待
- 文章若对您有点帮助,请给个喜欢❤️,毕竟码字不易;若对您没啥帮助,请给点建议💗,切记学无止境。
- 针对文章所述内容,阅读期间任何疑问;请在文章底部评论指出,我会火速解决和修正问题。
- GitHub地址:https://github.com/CoderMikeHe
六、代码
MHDevelopExample_Objective_C - MHUITableViewStyleGroupedBugController.h/m
网友评论
B界面却非得这样写:tableView.tableHeaderView = UIView.init(frame: CGRect.init(x: 0, y: 0, width: 0.1, height: 0.1))