如何让UITableViewHeaderFooterView不停在顶端

现有一个需求如下图所示:


如何让UITableViewHeaderFooterView不停在顶端_第1张图片
01餐饮.png

注意图中的“已发布”,这个image是跨view的。图中的餐点内容是动态获得的,样式固定,显然很适合用cell写。而时间戳位置的view又多种实现方法。

一、tableviewcell

我首先尝试了将titleview放在每个section的第一个cell里,问题很快就来了,效果如下:


如何让UITableViewHeaderFooterView不停在顶端_第2张图片
FF8A9EE810A06B47298B48B7EE8FB0D4.png

当cell滑出屏幕,再滑进来,重用cell的时候,底下的cell会遮住上面的cell。

二、UITableViewHeaderFooterView

我将titleview作为UITableViewHeaderFooterView,放在每个section头部,问题随之而来,如下图所示:


如何让UITableViewHeaderFooterView不停在顶端_第3张图片
18CD6D1B70709DC65C35F034EF38D2EC.png

UITableViewHeaderFooterView会停留在顶部,与下面的cell重叠。感觉挺奇怪的。

三、方法二的解决办法

我尝试在tableview滚动的时候计算高度,并隐藏titleview,终于让我找到了一个方法:

//去掉UItableview headerview黏性(sticky)
- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
    if (scrollView == self.tableView)
    {
        CGFloat sectionHeaderHeight = 64; //sectionHeaderHeight
        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);
        }
    }
}

方法起作用了,如下图所示:


如何让UITableViewHeaderFooterView不停在顶端_第4张图片
EB16FAFA097EDF70219CBAC0A75C8DE3.png

搞定收工!

你可能感兴趣的:(如何让UITableViewHeaderFooterView不停在顶端)