iOS中tableView每一个section的header的悬浮位置的解决

Posted 2022-06-22 pengyuan_D

UITableView很多情况下我们需要分组section，并且需要加上头部视图header和底部视图footer，默认情况下这两个视图是不固定的它们会悬浮在表格的上面

那么有时候我们需要固定它的悬浮位置，这时候可以用下面的方法解决：

1.首先来看看我的问题：

如图所示，我用了一个tableView，分成两组，正常情况下它如上图所示，但是我需要的不是这样的效果，而是如下图所示

是的，就是这样的效果，section0中的cell的大小不变，但是显现出来的高度只要100（cell的高度是300），那么这样的话我在实例化tableView的时候就直接把tableView的frame设置为（0，-200，width，height）了，这样就能按照我的要求显示了，但是问题也来了，再滑动tableView时，header不会悬浮在视图上了，它不见了，，，

问题在哪里呢，这个header不是不悬浮了，而是悬浮到高度-200的位置了，找到了问题，接下来就是解决问题了，那么方法如下：

- (void)scrollViewDidScroll:(UIScrollView *)scrollView 
    //该方法是当scrollView滑动时触发，因为UITableView继承自UIScrollView因此在这里也可以调用
    CGFloat header = 100;//这个header其实是section1 的header到顶部的距离
    if (scrollView.contentOffset.y<=header&&scrollView.contentOffset.y>=0) 
    //当视图滑动的距离小于header时
        scrollView.contentInset = UIEdgeInsetsMake(-scrollView.contentOffset.y, 0, 0, 0);
    else if(scrollView.contentOffset.y>header)
    
    //当视图滑动的距离大于header时，这里就可以设置section1的header的位置啦，设置的时候要考虑到导航栏的透明对滚动视图的影响
        scrollView.contentInset = UIEdgeInsetsMake(header+104, 0, 0, 0);
    

OK，问题解决，