scrollview tableView嵌套问题怎么解决
本文小编为大家详细介绍“scrollview tableView嵌套问题怎么解决”,内容详细,步骤清晰,细节处理妥当,希望这篇“scrollview tableView嵌套问题怎么解决”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
正文
大致思路:外层放置scrollview作为容器,容器内上部分topView,下部分tableView。当tableView滚动时,如果topView还在展示区域,就设置topView的y坐标,让topView跟随同步上移。
(注意:如果不设置tableView的headerView,tableView、和topView都会同时上移不是我想要的效果,所以设置tableView的headerView高度包括topView的高度,达到了完美的效果,具体实现看demo)
效果预览:
NestScrollView.gif
核心代码就是在父视图、子试图的滚动判断
//父视图滚动的回调,用于横向滚动判断
//父视图滚动的回调,用于横向滚动判断 - (void)scrollViewDidScroll:(UIScrollView *)scrollView{ CGFloat placeholderOffset = 0; if (self.topView.selectedIndex == 0) { if (self.firstTableView.contentOffset.y > CGRectGetHeight(self.topView.frame) - kItemheight) { placeholderOffset = CGRectGetHeight(self.topView.frame) - kItemheight; }else { placeholderOffset = self.firstTableView.contentOffset.y; } [self.secondTableView setContentOffset:CGPointMake(0, placeholderOffset) animated:NO]; }else { if (self.secondTableView.contentOffset.y > CGRectGetHeight(self.topView.frame) - kItemheight) { placeholderOffset = CGRectGetHeight(self.topView.frame) - kItemheight; }else { placeholderOffset = self.secondTableView.contentOffset.y; } [self.firstTableView setContentOffset:CGPointMake(0, placeholderOffset) animated:NO]; } }
//子视图滚动的回调,用于竖直方向上滚动判断
//子视图滚动的回调,用于竖直方向上滚动判断 - (void)updateTopViewFrame:(UIScrollView *)scrollView{ CGFloat placeHolderHeight = CGRectGetHeight(self.topView.frame) - self.topView.itemHeight; CGFloat offsetY = scrollView.contentOffset.y; CGFloat y = 0.0; if (offsetY >= 0 && (offsetY <= placeHolderHeight)) { y = -offsetY; } else if (offsetY > placeHolderHeight) { y = -placeHolderHeight; } else if (offsetY < 0) { y = -offsetY; } [self.topView mas_updateConstraints:^(MASConstraintMaker *make) { make.top.offset(y + kNavBarHeight); }]; }
读到这里,这篇“scrollview tableView嵌套问题怎么解决”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注蜗牛博客行业资讯频道。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:niceseo99@gmail.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。版权声明:如无特殊标注,文章均为本站原创,转载时请以链接形式注明文章出处。
评论