多个滑动视图滑动冲突解决

还是不说废话先来效果图:


scr.gif

先说一下视图结构,最下面是一个红色的可以竖着滑动的scroll,然后上面放一个黄色的可以横着滑动的scroll,之后再黄色的上面放若干的可以竖着滑动的scroll,结构图如下:


多个滑动视图滑动冲突解决_第1张图片
image.png

这里面主要就是有多个竖着滑动视图这样在竖着滑动时会产生冲突,具体怎么解决冲突就是今天要说的。
1.两个视图覆盖在一起的时候。正常情况下事件会先被外面的视图拿到,只有外面的视图不能响应交互(关掉userInteractionEnabled)的时候才会传递到里面,所以首先要解决的就是让两个竖着滑动的视图都拿到竖着滑的事件。
新建一个滑动视图的子类然后重写一个方法,这样写完里层的scroll你用这个子类就会保证滑动的手势可以同时作用到底层的scroll了。

@interface MainTableView : UIScrollView

@end

#import "MainTableView.h"

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

@end

2.这个时候我们竖向滑动,结果就是两个竖着滑动的视图会一起滑动,但是我们要的效果是先滑动一个再去滑动另一个。这里用的方法是在scrollViewDidScroll:代理方法中做判断,在当前视图不应该滑动就一直设定他的contentOffset为一个指定的位置这样看起来就完全没有动了。具体判断就不说了,就是一些边界位置我放一下上面例子里的判断:

-(void)scrollViewDidScroll:(UIScrollView *)scrollView{
    if (scrollView.tag == 500) {//500是底部视图
        NSLog(@"%f", scrollView.contentOffset.y);
        if (scrollView.contentOffset.y > 100) {
            scrollView.contentOffset = CGPointMake(0, 100);
                _mainC = NO;
                _subC = YES;
        }else{
            if (!_mainC) {//子视图没到顶部
                scrollView.contentOffset = CGPointMake(0, 100);
            }
        }
        
    }else if (scrollView.tag != 1001){//1001是中间横滑的视图,其他就是那些上面有label的竖着滑的视图了
        
        if (_subC == NO) {
            scrollView.contentOffset = CGPointMake(0, 0);
        }
        if (scrollView.contentOffset.y <= 0) {
            _subC = NO;
            scrollView.contentOffset = CGPointMake(0, 0);
            _mainC = YES;
        }
    }
}

具体效果就是这样实现的了,理解了感觉原理挺简单的,做完之后你还会发现有些交互还是有些问题,不过这些问题,现有的App都是各自有各自的处理方法感觉没有一个确定的答案,这里就不说这个了。

你可能感兴趣的:(多个滑动视图滑动冲突解决)