在实际开发中,我们经常会遇见一些需求是TableView的cell结合section组头组尾的视图一起滚动的需求,比如下面需求,如下图以及我分析的图:
[图片上传中...(image.png-d3f328-1604105256439-0)]
tableview style不同的区别
1、style=UITableViewStyleGrouped 默认会有headview和footview,头尾会空出一些距离,headview和footview会随tableview一起滑动。而在tableview的代理方法:返回组的头/尾视图中设置具体高度时,开头结尾总是默认有一段距离,并且如果设置她们中的某个距离为0,则无效。
正确的处理方法:
1)设置标头的高度为特小值 (不能为零 为零的话苹果会取默认值就无法消除头部间距了)
UIView *view = [[UIView alloc]initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 0.001)];
view.backgroundColor = [UIColor redColor];
self.tableView.tableHeaderView = view;
2)写代理方法(中间的留白其实是段尾的高度 代理的作用设置段尾的高度 返回值也不能为0(设置为0 在ios看来等于未设置)
-(CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section{
return 0.01f;
或者
return CGFLOAT_MIN;
}
2、style=UITableViewStylePlain 默认没有headview和footview,自定义的headview和footview不会随tableview一起滑动:
特点:
1)有多段时(区头,区尾), 段头停留(自带粘性效果)
2)没有中间的间距和头部间距(要想有的重写UITableViewCell \UITableViewHeaderFooterView里面的setFrame方法)
上面介绍完两种样式的特定,那么就要注意创建tableview时候的样式,以及说说实现组头组尾不悬停的方法:
[[UITableView alloc]init];
以及直接把tableview拖入到xib或者storyboard里面的时候默认都是UITableViewStylePlain样式,从苹果源码里面就可以看到,如下图:
这个时候如果还想组头和组尾一起滚动,目前最常见的方法就是:
- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
CGFloat sectionHeaderHeight = 30;
if (scrollView.contentOffset.y<=sectionHeaderHeight&&scrollView.contentOffset.y>=0) {
scrollView.contentInset = UIEdgeInsetsMake(-scrollView.contentOffset.y, 0, 0, 0);
} else if (scrollView.contentOffset.y>=sectionHeaderHeight) {
scrollView.contentInset = UIEdgeInsetsMake(-sectionHeaderHeight, 0, 0, 0);
}
}
这里的sectionHeaderHeight就是指组头的高度,组尾的方法也有,不过个人好像还没发现其它方式,如果UITableViewStylePlain样式下还有有其它让组头组尾一起滚动的方式,欢迎和我交流。
2、采用
[[UITableView alloc] initWithFrame:CGRectZero style:UITableViewStyleGrouped];
方法创建UITableView,这个时候就指定为了UITableViewStyleGrouped样式,这个时候不用增加其它方法,直接使用tableview的代理方法:
-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{
XMFOrdersHeaderView *headerView = [[[NSBundle mainBundle] loadNibNamed:NSStringFromClass([XMFOrdersHeaderView class]) owner:nil options:nil] firstObject];;
headerView.orderModel = self.dataSourceArr[section];
return headerView;
}
-(CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{
return 58;
}
-(UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section{
XMFOrdersFooterView *footerView = [[[NSBundle mainBundle] loadNibNamed:NSStringFromClass([XMFOrdersFooterView class]) owner:nil options:nil] firstObject];;
footerView.orderModel = self.dataSourceArr[section];
footerView.sectionNum = section;
footerView.delegate = self;
return footerView;
}
-(CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section{
return 58;
}
3、说说用一个底层方法实现不悬停
//导入头文件
#import
//在加载视图的方法里写如下代码 (将里面的_tableView换成自己的表视图)
((void (*) (id,SEL,BOOL)) objc_msgSend) (_tableView,NSSelectorFromString(@"_setHeaderAndFooterViewsFloat:"),NO);
到此为止,即可很好地实现组头组尾的设置以及跟随tableview一起滚动了。