美文网首页
多个滑动视图滑动冲突解决

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

作者: 隔壁班小明 | 来源:发表于2019-02-13 10:59 被阅读4次

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


scr.gif

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


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都是各自有各自的处理方法感觉没有一个确定的答案,这里就不说这个了。

相关文章

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

    还是不说废话先来效果图: 先说一下视图结构,最下面是一个红色的可以竖着滑动的scroll,然后上面放一个黄色的可以...

  • iOS开发中遇到的问题 小计

    事件冲突 解决scrollView的滑动事件与子视图按钮事件冲突self.scrollView.panGestur...

  • View的滑动冲突

    前言:滑动冲突是如何产生的呢?其实在界面中只要内外两层同时可以滑动,这个时候就会产生滑动冲突。如何解决滑动冲突呢?...

  • Android滑动事件冲突解决方法

    1.Android滑动事件冲突解决办法 滑动事件的冲突包括两种情形: 不同方向的滑动冲突:比如ScrollView...

  • 滑动事件冲突

    滑动事件冲突 一般分三种: 滑动方向一致导致的冲突 滑动方向不一致导致的冲突 滑动方向的各种叠加导致的冲突 解决方...

  • Android开发常见问题总结(持续更新)

    滑动 滑动嵌套 滑动组件的嵌套可能会产生以下一些问题: 滑动冲突 解决方法:使用NestedScrollView替...

  • Android ScrollView嵌套Recyclerview

    1、ScrollView嵌套Recyclerview 滑动时由于滑动的冲突 会出现滑动时卡顿的现象解决很简单 只需...

  • Android View | View 的滑动冲突

    滑动冲突在实际项目中十分常见,解决滑动冲突的核心是结合事件的分发机制,了解事件的分发可参考这里。 常见的滑动冲突场...

  • 一种嵌套滑动冲突的解决方案

    非嵌套滑动 | 嵌套滑动 相比起非嵌套滑动的自定义分发事件的方案,嵌套滑动冲突有比较成熟的 Google 解决方案...

  • Android应用开发三部曲 --- Touch事件分发

    1、前言 Android应用开发中,经常会遇到touch事件分发的问题,甚至还会遇到滑动冲突问题,如果解决滑动冲突...

网友评论

      本文标题:多个滑动视图滑动冲突解决

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