最近要用到类似如下页面的功能。
蓝色部分和红色部分有交叉重叠的地方,但是滑动时能一起上滑下滑。
最开始拿到设计图时,考虑用UIScrollView + UITabelView实现这个页面。但是对UIScrollView的理解不够深,滑动时总是有问题。最后用一个UITabelView解决了问题。
思路:
1.整个页面是一个UITabelView,UITabelView上面添加headerview,并设置为透明。headerview的高度低于蓝色部分的高度,才能让UITabelView cell(红色部分)和蓝色部分有重叠的地方。
2.红色部分为UITabelView的cell
3.蓝色部分为我们实际要展示的内容,在整个uitableview的最底层
[self.tableView sendSubviewToBack:self.topBackImageView];
4.UITabelView cell左右两边空出间隙,用于第一个cell透过蓝色部分
可能出现的问题:
蓝色部分超出headerview高度的地方被cell挡住,在xib或者storyboard中设置UITabelView cell的颜色为clear。
ps:这样感觉好简单呐。
来自于机智小伙伴的灵感。