iOS 使用UITabelView实现类似UITableView加UIScrollView联动

最近要用到类似如下页面的功能。

蓝色部分和红色部分有交叉重叠的地方,但是滑动时能一起上滑下滑。

最开始拿到设计图时,考虑用UIScrollView + UITabelView实现这个页面。但是对UIScrollView的理解不够深,滑动时总是有问题。最后用一个UITabelView解决了问题。

iOS 使用UITabelView实现类似UITableView加UIScrollView联动_第1张图片

思路:

          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:这样感觉好简单呐。

        来自于机智小伙伴的灵感。

你可能感兴趣的:(iOS 使用UITabelView实现类似UITableView加UIScrollView联动)