美文网首页iOS程序员的业余沙龙
UIScrollview联动,子tableview加下拉刷新效果

UIScrollview联动,子tableview加下拉刷新效果

作者: BigDaddy_ | 来源:发表于2016-10-21 13:42 被阅读1557次

    代码地址:https://github.com/BigDad3/scrollviews
    里面的代码一共有两种实现方式,其中第二种还存在tableview上拉加载的问题没有解决。这篇文章主要是解释一下第一种实现方法的思路,想具体了解的话还是下载源码自己研究一下比较好。

    首先来说一个整个的视图结构吧,Controller的View上有个一个Scrollview作为最下面的BottomScrollview,BottomScrollview 上面是一个View来展示一些内容,下面是一个subScrollView里面会横向排列N个tableview用来展示内容。每个tableview都会有下拉刷新跟上拉加载。大概的结构构如下所示,希望你们能明白…

    6DDF51C5-8379-4DA4-BE76-29A74AF95117.png

    需要一个连贯的动作,也就是手指不抬起来,切换响应者。整个的效果如下所示:(重点需要注意的是手指不抬起来,整个过程手指都没有抬起来,再一个难点就是下拉刷新在中间)。

    1.gif

    思路1: 通过判断contentOffset位置,来切换BottomScrollview的scrollEnabled和tableview的scrollEnable来达到不同的scrollview响应滑动手势的目的。
    最后结果:行不通
    原因:手指不抬起来的时候没办法切换响应者。当开始响应手势的时候响应者就确定了,手指不离开屏幕整个过程不会中断,也就是响应者不会切换。
    当滑动到一定的位置,这个时候
    需要BottomScrollview(BottomScrollview. scrollEnabled = no)不在滑动,改为tableview(BottomScrollview. scrollEnabled = yes)来响应滑动手势去滑动的时候,BottomScrollview虽然不动了,但是tableview也不会动
    ,因为这时候BottomScrollview还是响应者。

    思路2:Scrollview上的手势都是UIGestureRecognizer的子类,内部实现了UIGestureRecognizerDelegate的相关函数,通过重载UIGestureRecognizerDelegate的相关函数是不是可以控制手势的响应者呢?
    结果:失败
    原因:原因同上,响应者没办法切换。

    思路3:既然切换手势的响应者的思路行不通,只能通过控制BottomScrollview和tableview的位置来达到效果了,也就是contentOffset的设置,来达到效果。开始响应手势之处呢就必须让两个scrollview(BottomScrollview和tableview)都要响应手势,只不过有一个动了有一个没动([tableview setContentOffset:CGPointZero];),到了另一个情况呢就会切换这个操作也就是[BottomScrollview setContentOffset:CGPointZero];。
    结果:可行。
    具体实现:
    创建UIScrollView和UITableView的子类,重载函数

    - (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer
    

    这个函数返回YES的话,手势不只自己会响应,还会传递下去。达到我们同时响应手势的目的。

    .h文件

    @interface SuperTableView : UITableView
    
    @end
    

    .m文件

    @implementation SuperTableView
    
    - (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer
    {
        return YES;
    }
    
    @end
    

    然后整个响应过程的控制呢是在

    • (void)scrollViewDidScroll:(UIScrollView *)scrollView里完成的。具体代码如下:

      - (void)scrollViewDidScroll:(UIScrollView *)scrollView
      {
       if (scrollView == superTableView) {
        
        SubTableView * tableview;
        
        for (UIView * view in [subScrollView subviews]) {
            if ([view isMemberOfClass:[SubTableView class]] && view.tag == 100+positionNum) {
                tableview = (SubTableView *)view;
            }
        }  
           //记录手指在屏幕拖动的位置,如果是滑动手指离开屏幕之后值不会改变
            CGPoint point = [scrollView.panGestureRecognizer     translationInView:scrollView];
        
        if (point.y > beginPoint.y) {
            
            //下滑
            if (tableview.position == 0 && superTableView.position == 0) {
            }
           
            if (tableview.position == 0 && superTableView.position == 1) {
                
                [tableview setContentOffset:CGPointZero];
                
                if (superTableView.contentOffset.y <= 0) {
                    superTableView.position = 0;
                }
            }
            
            if (tableview.position == 0 && superTableView.position == 2) {
                
                [tableview setContentOffset:CGPointZero];
                superTableView.position = 1;
            }
            
            if (tableview.position == 1 && superTableView.position == 2) {
                
                [superTableView setContentOffset:CGPointMake(0, HEADER_VIEW_HEIGHT)];
                
                if (tableview.contentOffset.y <= 0) {
                    tableview.position = 0;
                }
                
            }
            
            if (tableview.position == 2 && superTableView.position == 2) {
            }
            
        } else if (point.y < beginPoint.y){
            //上滑
            if (tableview.position == 0 && superTableView.position == 0) {
                [tableview setContentOffset:CGPointZero];
                superTableView.position = 1;
            }
            
            if (tableview.position == 0 && superTableView.position == 1) {
                [tableview setContentOffset:CGPointZero];
                
                if (superTableView.contentOffset.y >= HEADER_VIEW_HEIGHT) {
                    superTableView.position = 2;
                    [superTableView setContentOffset:CGPointMake(0, HEADER_VIEW_HEIGHT)];
                }
            }
            
            if (tableview.position == 0 && superTableView.position == 2) {
                [superTableView setContentOffset:CGPointMake(0, HEADER_VIEW_HEIGHT)];
                tableview.position = 1;
            }
            
            if (tableview.position == 1 && superTableView.position == 2) {
                [superTableView setContentOffset:CGPointMake(0, HEADER_VIEW_HEIGHT)];
            }
            
            if (tableview.position == 2 && superTableView.position == 2) {
            }
            
        }
        
        beginPoint = point;
      }
      }
      

    我定义了一个position的值来记录scrollview的位置,0 正常状态,就是刚进入界面时候的状态,此时只能下滑 1是出于中间状态此时可以上滑也可以下滑 2 滑到了最顶端的状态,此时只能往下滑。
    比如当下滑的时候此时BottomScrollview的position值为1,tableview的position位置为0,这个时候BottomScrollview响应滑动手势,tableview不响应,代码如下

     if (tableview.position == 0 && BottomScrollview.position == 1) {
                
                [tableview setContentOffset:CGPointZero];
                
                if (BottomScrollview.contentOffset.y <= 0) {
                    BottomScrollview.position = 0;
                }
            }

    相关文章

      网友评论

      • 奥卡姆剃须刀:兄弟 你写的这个subtableView 无法接入网络数据呢 我说的明白一点 你在初始化的时候就设置了SuperScrollView和SubScrollView的ContentSize 但是contentSize应该是根据网络获取的数据来设置的 所以可以在网络请求回来后重新设置contentSize 但是如果SubTableView和SubTableVIew2 这两个子tableView请求时数据条数不一样 那么设置contentSize也就会不一样 那两个ScrollView的contentSize 又该怎么设置呢?
      • XueYongWei:我也是这个方法,但是为什么内TableView的cell不能点击了呢?
        BigDaddy_:你是TableView套TableView吗?
      • 瑯琊:我想实现类似于饿了吗购物车的那种滑动效果,看了你的demo,想用同样的方法,可是有问题,求指导

      本文标题:UIScrollview联动,子tableview加下拉刷新效果

      本文链接:https://www.haomeiwen.com/subject/wdxcuttx.html