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开发避免安全隐患的要点总结

    iOS开发避免安全隐患的要点总结

    在本篇文章里小编给各位整理了关于iOS开发如何避免安全隐患的知识点总结,需要的朋友们学习下。
    2019-07-07
  • IOS开发中禁止NavigationController的向右滑动返回

    IOS开发中禁止NavigationController的向右滑动返回

    这篇文章主要介绍了IOS开发中禁止NavigationController的向右滑动返回的相关资料,需要的朋友可以参考下
    2017-03-03
  • iOS自定义UITabBar仿今日头条效果

    iOS自定义UITabBar仿今日头条效果

    这篇文章主要为大家详细介绍了iOS自定义UITabBar仿今日头条效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-09-09
  • iOS Label随字自动变大效果

    iOS Label随字自动变大效果

    这篇文章主要为大家详细介绍了iOS Label随字自动变大效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • NSMutable 对象的坑解决分析

    NSMutable 对象的坑解决分析

    这篇文章主要为大家介绍了NSMutable 对象的坑解决分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • 2016年iOS公开可利用漏洞总结

    2016年iOS公开可利用漏洞总结

    本文总结了2016年比较严重的iOS漏洞(可用于远程代码执行或越狱),希望能够对大家移动安全方面的工作和研究带来一些帮助。
    2016-12-12
  • iOS实现获取系统iTunes音乐的方法示例

    iOS实现获取系统iTunes音乐的方法示例

    这篇文章主要给大家介绍了关于iOS如何实现获取系统iTunes音乐的相关资料,文中通过示例代码给大家详细介绍了实现的方法,并给大家介绍了MPMediaPickerController的相关知识,对大家的学习或者工作具有一定的帮助,需要的朋友们下面随着小编来一起学习学习吧。
    2017-11-11
  • iOS 图片裁剪 + 旋转

    iOS 图片裁剪 + 旋转

    之前分别介绍了图片裁剪和图片旋转的方法,裁剪和旋转是可以连在一起执行的。本文将对此进行介绍,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • iOS 泛型中nullable、null resettable、null kindof 用法详解

    iOS 泛型中nullable、null resettable、null kindof 用法详解

    这篇文章主要介绍了iOS 泛型中nullable、null resettable、null kindof 用法详解的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-09-09
  • iOS如何获取屏幕宽高、设备型号、系统版本信息

    iOS如何获取屏幕宽高、设备型号、系统版本信息

    这篇文章主要介绍了iOS如何获取屏幕宽高、设备型号、系统版本信息的相关代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11

最新评论