scrollview tableView嵌套解决方案示例

 更新时间:2022年08月31日 14:08:31   作者:biyuhuaping  
这篇文章主要介绍了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);
    }];
}

githut demo下载地址:https://github.com/biyuhuaping/NestScrollView

以上就是scrollview tableView嵌套解决方案示例的详细内容,更多关于scrollview tableView嵌套的资料请关注脚本之家其它相关文章!

相关文章

  • 浅谈iOS推送证书生成pem文件(详细生成过程)

    浅谈iOS推送证书生成pem文件(详细生成过程)

    这篇文章主要介绍了浅谈iOS推送证书生成pem文件(详细生成过程),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • iOS开发之手动布局子视图

    iOS开发之手动布局子视图

    这篇文章主要介绍了iOS开发之手动布局子视图,从入门到精通帮助大家更好的开发iOS项目,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • iOS获取某个日期后n个月的日期

    iOS获取某个日期后n个月的日期

    这篇文章主要介绍了iOS获取某个日期后n个月的日期的相关资料,需要的朋友可以参考下
    2017-08-08
  • iOS实现简易的导航栏颜色渐变实例代码

    iOS实现简易的导航栏颜色渐变实例代码

    很多APP 都有导航栏颜色渐变的效果,下面这篇文章主要给大家介绍了关于iOS如何实现简易的导航栏颜色渐变效果的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧
    2018-10-10
  • Flutter Widgets MediaQuery控件屏幕信息适配

    Flutter Widgets MediaQuery控件屏幕信息适配

    这篇文章主要为大家介绍了Flutter Widgets 之 MediaQuery控件获取屏幕信息和屏幕适配示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • IOS 百度糯米客户端登录BUG

    IOS 百度糯米客户端登录BUG

    这篇文章主要介绍了IOS 百度糯米客户端登录BUG,问题分析及解决方案,本文介绍的非常详细,具有参考价值,特此分享供大家学习
    2016-01-01
  • iOS开发中使用文字图标iconfont的应用示例

    iOS开发中使用文字图标iconfont的应用示例

    这篇文章主要介绍了iOS开发中使用文字图标iconfont的应用示例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • iOS NSURLSessionDownloadTask设置代理文件下载的示例

    iOS NSURLSessionDownloadTask设置代理文件下载的示例

    本篇文章主要介绍了iOS NSURLSessionDownloadTask设置代理文件下载的示例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-01-01
  • iOS仿微信图片分享界面实现代码

    iOS仿微信图片分享界面实现代码

    这篇文章主要为大家详细介绍了iOS仿微信相册界面翻转过渡动画效果,微信采用界面翻转的过渡动画跳转到评论界面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • iOS Block解开多年以来一直的误解

    iOS Block解开多年以来一直的误解

    这篇文章主要给大家介绍了关于iOS Block多年以来一直的误解如何解开的相关资料,文中通过图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-05-05

最新评论