【iOS】记录一次设计需求开发（从UIScrollView嵌套变到单UITableView实现—纯记录，没有技术要点）

最新推荐文章于 2020-12-22 07:33:23 发布

MYCROW

最新推荐文章于 2020-12-22 07:33:23 发布

阅读量232

点赞数

本文链接：https://blog.youkuaiyun.com/qq_32792839/article/details/88529852

版权

需求见图

就是这个简单需求，做了我两天

当然也有沟通不当的原因，

原来做的是外面的背景图那部分也要响应，因此采用了外部UIScrollView+内部UITableView（非原生UITableView）的设计

后面改成了只有内部列表需要响应，因此采用了外部View响应内部UITableView滑动事件改变显示的设计

因为是记录文档，因此主要记录一下遇到的坑，实现思路就只稍微提一下。

实现思路

第一种设计：

内部UITableView的高度固定，外部ScrollView的contentSize为HeaderImage+TableVIew-offset

这样确保外部可以达到响应滑动事件展示完整列表的要求。

但是会遇到一个圆角的问题，直接设置TableView的圆角将达不到设计要求，因为实际上TableView会被ScrollView截断，下部的圆角会显示不全

解决的方法是在ScrollView上面再加一个切圆角的View，这个View就需要响应两个滑动View的事件，进行frame的改变。

第二种设计：

外部是一个View,内部的TableView控制了整个视图变化。注意两者其实在同一级是并列而非包含关系。

当内部滑动时，只需要改变自身frame和外部View的frame就能实现同时滑动的效果。

上一下关键代码意思一下

CGPoint lastScroll;
CGPoint currScroll;
- (void)scrollViewDidScroll:(UIScrollView *)scrollView 
{
    currScroll = scrollView.contentOffset;
    if(currScroll.y > lastScroll.y){ //上拉往下
        if(self.curContentSizeY + (currScroll.y - lastScroll.y) < CGRectGetHeight(self.headerImageView.frame) - 15) {//背景View还能往上移动
            CGRect frame = self.backgroundView.frame;
            frame.origin.y = self.backgroundView.frame.origin.y - (currScroll.y - lastScroll.y);
            frame.size.height = self.backgroundView.frame.size.height + (currScroll.y - lastScroll.y);
            self.backgroundView.frame = frame;
            self.curContentSizeY = self.curContentSizeY + (currScroll.y - lastScroll.y);
        }
        else {
            CGRect frame = self.backgroundView.frame;
            frame.origin.y = 0- (CGRectGetHeight(self.headerImageView.frame) - 15);
            frame.size.height = CGRectGetMinY(self.myView.frame) - 12 + CGRectGetHeight(self.headerImageView.frame) - 15;
            self.backgroundView.frame = frame;
            self.curContentSizeY = CGRectGetHeight(self.headerImageView.frame) - 15;
        }
    }
    else{ //下拉往上
        if(self.curContentSizeY > (lastScroll.y - currScroll.y)){ // 背景view还能往下移动
            CGRect frame = self.backgroundView.frame;
            frame.origin.y = self.backgroundView.frame.origin.y + (lastScroll.y - currScroll.y);
            frame.size.height = self.backgroundView.frame.size.height - (lastScroll.y - currScroll.y);
            self.backgroundView.frame = frame;
            self.curContentSizeY = self.curContentSizeY - (lastScroll.y - currScroll.y);
        }
        else{
            CGRect frame = self.backgroundView.frame;
            frame.origin.y = 0;
            frame.size.height = CGRectGetMinY(self.myView.frame) - 12;
            self.backgroundView.frame = frame;
            self.curContentSizeY = 0;
        }
    }
    CGRect frame = self.tableView.frame;
    frame.origin.y = self.backgroundView.frame.origin.y + self.headerImageView.frame.size.height - 15;
    frame.size.height = self.backgroundView.frame.size.height - self.headerImageView.frame.size.height + 15;
    self.tableView.frame = frame;
    lastScroll = currScroll;
    [super scrollViewDidScroll:scrollView];
}