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

置顶2016年01月26日 08:42:27

阅读数：14212

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

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

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

 

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

 

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

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

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

 

#pragma mark - 去掉UItableview headerview黏性

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {

    if (scrollView == self.tableView)

    {

        CGFloat sectionHeaderHeight = 12;

        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);

        }

    }

}