UIScrollView 嵌套二

已于 2024-08-12 15:26:35 修改
阅读量1.2k 收藏 10
点赞数 7
CC 4.0 BY-SA版权
文章标签： ios
于 2024-08-11 17:50:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wang_gwei/article/details/141108580

在 UIScrollView 嵌套一 中存在 拖拽时会中断的情况 这是因为手势中断引起的。所以在做UIScrollView嵌套时，需要做多手势支持操作 

实现 快速滚动时 内外嵌套ScrollView 能够 无缝衔接 滚动操作

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

    

    return YES;

}

#import <UIKit/UIKit.h>

//继承自 UIScrollView   innerScrollView必须使用此ScrollView
@interface GWScrollView : UIScrollView

@end



#import "GWScrollView.h"

@implementation GWScrollView

// 手势传递给父试图
- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer {
    
    return YES;
}

@end

如果是Swift 需要明确显示遵守UIGestureRecognizerDelegate协议 来实现 手势方法，否则无效

extension GWScrollView: UIGestureRecognizerDelegate {

    func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer) -> Bool {

        return true;

    }

}

extension GWScrollView: UIGestureRecognizerDelegate {

    func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer) -> Bool {

        return true;
    }
}

定义一个类 实例 用户保存 内外 scrollView 的滚动状态，这里不可使用 scrollView.scrollEnabled，因为scrollView.scrollEnabled = NO；时会阻止手势

#import <UIKit/UIKit.h>

@interface SyncScrollContext : NSObject

@property (nonatomic, assign) CGFloat maxOuterOffsetY;

@property (nonatomic, assign) CGFloat maxinnerOffsetY;

@property(nonatomic, assign) BOOL outerEnable;

@property(nonatomic, assign) BOOL innerEnable;

@end

#import <UIKit/UIKit.h>

@interface SyncScrollContext : NSObject

@property (nonatomic, assign) CGFloat maxOuterOffsetY;
@property (nonatomic, assign) CGFloat maxinnerOffsetY;
@property(nonatomic, assign) BOOL outerEnable;
@property(nonatomic, assign) BOOL innerEnable;

@end



#import "SyncScrollContext.h"

@implementation SyncScrollContext

@end

布局试图 outScrollerView 嵌套 innerScrollerView

#import "ScrollViewController.h"

#import "GWScrollView.h"

#import "SyncScrollContext.h"

@interface ScrollViewController ()<UIScrollViewDelegate>

@property(nonatomic, strong)UIScrollView *outScrollerView;

@property(nonatomic, strong)UIScrollView *innerScrollerView;

@property(nonatomic, strong)SyncScrollContext *syncScrollContext;

@end

@implementation ScrollViewController

- (void)viewDidLoad {

    [super viewDidLoad];

    

    self.syncScrollContext = [SyncScrollContext new];

    self.syncScrollContext.maxinnerOffsetY = 0.f;

    self.syncScrollContext.maxOuterOffsetY = 380.f;

    self.syncScrollContext.innerEnable = NO;

    self.syncScrollContext.outerEnable = YES;

    

    self.outScrollerView.frame = CGRectMake(10, 90, 300, 550);

    self.outScrollerView.contentSize = CGSizeMake(300, 1800);

    [self.view addSubview:self.outScrollerView];

    

    self.innerScrollerView.frame = CGRectMake(10, 400, 240, 300);

    self.innerScrollerView.contentSize = CGSizeMake(240, 800);

    [self.outScrollerView addSubview:self.innerScrollerView];

    

    UIView *v1 = [UIView new];

    v1.frame = CGRectMake(90, 0, 90, 90);

    v1.backgroundColor = UIColor.yellowColor;

    [self.innerScrollerView addSubview:v1];

    

    UIView *v2 = [UIView new];

    v2.frame = CGRectMake(90, 90, 90, 90);

    v2.backgroundColor = UIColor.redColor;

    [self.innerScrollerView addSubview:v2];

}

#pragma mark - UIScrollViewDelegate

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {

    if (scrollView == self.outScrollerView) {

            CGPoint contentOffset = scrollView.contentOffset;

        if (!self.syncScrollContext.outerEnable) {

            

            [self.outScrollerView setContentOffset:CGPointMake(0, self.syncScrollContext.maxOuterOffsetY)];

        }

        

        // 修改 内外scrollView 的滚动状态

        if (self.outScrollerView.contentOffset.y >= self.syncScrollContext.maxOuterOffsetY) {

            self.syncScrollContext.outerEnable = NO;

            self.syncScrollContext.innerEnable = YES;

            

            /*

             外层滚动到目标位置后 把滚动距离 传给内存 scrollView

             当外层 scrollerView 滚动到最大值后 内部scrollerView 接着滚动剩余部分

             */

            CGFloat offsetY = contentOffset.y - self.syncScrollContext.maxOuterOffsetY;

            CGPoint innerOffset = self.innerScrollerView.contentOffset;

            innerOffset.y += offsetY;

            [self.innerScrollerView setContentOffset:innerOffset];

            

        } else {

            self.syncScrollContext.outerEnable = YES;

            self.syncScrollContext.innerEnable = NO;

        }

        

    }

    else if (scrollView == self.innerScrollerView) {

        

        if (!self.syncScrollContext.innerEnable) {

            [self.innerScrollerView setContentOffset:CGPointMake(0, self.syncScrollContext.maxinnerOffsetY)];

        }

        // 修改 内外scrollView 的滚动状态

        if (self.innerScrollerView.contentOffset.y <= self.syncScrollContext.maxinnerOffsetY) {

            self.syncScrollContext.innerEnable = NO;

            self.syncScrollContext.outerEnable = YES;

        }else {

            self.syncScrollContext.innerEnable = YES;

            self.syncScrollContext.outerEnable = NO;

        }

    }

}

- (UIScrollView *)outScrollerView {

    if (!_outScrollerView) {

        _outScrollerView = [[GWScrollView alloc] init];

        _outScrollerView.delegate = self;

        _outScrollerView.backgroundColor = UIColor.blueColor;

    }

    return _outScrollerView;

}

- (UIScrollView *)innerScrollerView {

    if (!_innerScrollerView) {

        _innerScrollerView = [[GWScrollView alloc] init];

        _innerScrollerView.delegate = self;

        _innerScrollerView.backgroundColor = UIColor.grayColor;

    }

    return _innerScrollerView;

}

@end

#import "ScrollViewController.h"
#import "GWScrollView.h"
#import "SyncScrollContext.h"

@interface ScrollViewController ()<UIScrollViewDelegate>

@property(nonatomic, strong)UIScrollView *outScrollerView;
@property(nonatomic, strong)UIScrollView *innerScrollerView;
@property(nonatomic, strong)SyncScrollContext *syncScrollContext;

@end

@implementation ScrollViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    self.syncScrollContext = [SyncScrollContext new];
    self.syncScrollContext.maxinnerOffsetY = 0.f;
    self.syncScrollContext.maxOuterOffsetY = 380.f;
    self.syncScrollContext.innerEnable = NO;
    self.syncScrollContext.outerEnable = YES;
    
    self.outScrollerView.frame = CGRectMake(10, 90, 300, 550);
    self.outScrollerView.contentSize = CGSizeMake(300, 1800);
    [self.view addSubview:self.outScrollerView];
    
    self.innerScrollerView.frame = CGRectMake(10, 400, 240, 300);
    self.innerScrollerView.contentSize = CGSizeMake(240, 800);
    [self.outScrollerView addSubview:self.innerScrollerView];
    
    UIView *v1 = [UIView new];
    v1.frame = CGRectMake(90, 0, 90, 90);
    v1.backgroundColor = UIColor.yellowColor;
    [self.innerScrollerView addSubview:v1];
    
    UIView *v2 = [UIView new];
    v2.frame = CGRectMake(90, 90, 90, 90);
    v2.backgroundColor = UIColor.redColor;
    [self.innerScrollerView addSubview:v2];
}

#pragma mark - UIScrollViewDelegate
- (void)scrollViewDidScroll:(UIScrollView *)scrollView {

    if (scrollView == self.outScrollerView) {
            CGPoint contentOffset = scrollView.contentOffset;
        if (!self.syncScrollContext.outerEnable) {
            
            [self.outScrollerView setContentOffset:CGPointMake(0, self.syncScrollContext.maxOuterOffsetY)];
        }
        
        // 修改 内外scrollView 的滚动状态
        if (self.outScrollerView.contentOffset.y >= self.syncScrollContext.maxOuterOffsetY) {
            self.syncScrollContext.outerEnable = NO;
            self.syncScrollContext.innerEnable = YES;
            
            /*
             外层滚动到目标位置后 把滚动距离 传给内存 scrollView
             当外层 scrollerView 滚动到最大值后 内部scrollerView 接着滚动剩余部分
             */
            CGFloat offsetY = contentOffset.y - self.syncScrollContext.maxOuterOffsetY;
            CGPoint innerOffset = self.innerScrollerView.contentOffset;
            innerOffset.y += offsetY;
            [self.innerScrollerView setContentOffset:innerOffset];
            
        } else {
            self.syncScrollContext.outerEnable = YES;
            self.syncScrollContext.innerEnable = NO;
        }
        
    }
    else if (scrollView == self.innerScrollerView) {
        
        if (!self.syncScrollContext.innerEnable) {
            [self.innerScrollerView setContentOffset:CGPointMake(0, self.syncScrollContext.maxinnerOffsetY)];
        }
        // 修改 内外scrollView 的滚动状态
        if (self.innerScrollerView.contentOffset.y <= self.syncScrollContext.maxinnerOffsetY) {
            self.syncScrollContext.innerEnable = NO;
            self.syncScrollContext.outerEnable = YES;
        }else {
            self.syncScrollContext.innerEnable = YES;
            self.syncScrollContext.outerEnable = NO;
        }
    }
}

- (UIScrollView *)outScrollerView {
    if (!_outScrollerView) {
        _outScrollerView = [[GWScrollView alloc] init];
        _outScrollerView.delegate = self;
        _outScrollerView.backgroundColor = UIColor.blueColor;
    }
    return _outScrollerView;
}

- (UIScrollView *)innerScrollerView {
    if (!_innerScrollerView) {
        _innerScrollerView = [[GWScrollView alloc] init];
        _innerScrollerView.delegate = self;
        _innerScrollerView.backgroundColor = UIColor.grayColor;
    }
    return _innerScrollerView;
}

@end

Gavin-Wang
关注
【unity游戏开发入门到精通——UGUI】UI控件 —— ScrollView滚动视图
向宇
04-24 1439
【unity游戏开发入门到精通——UGUI】UI控件 —— ScrollView滚动视图
UIScrollView嵌套冲突解决方案（其中一个思路）
ywwgolife的博客
09-16 1902
场景描述：主控制器有一个主UIScrollView，并且要分页上下滑动（共两页），第一页为左右滑动的图片浏览类UIScrollView(这个与主view不冲突)，第二页采用常用的JXCategoryView控制四个子控制器，每个子控制中都是上下滑动的UIScrollView或者UITableView或者UICollectionView，此时，当主控制器滑动到第二页时就会出现冲突导致页面无法动弹。 解决思路： 一、.由于UIScollView的panGestureRecognizer.delegate设置
UISCrollView与UITableView嵌套使用
02-15
在iOS开发中会用到的UISCrollView与UITableView嵌套使用的方法
[Android实例] [版主原创]ScrollView嵌套ScrollView
孔令宽的专栏
11-12 785
大家好，众所周知，android 里两个相同方向的ScrollView是不能嵌套的，那要是有这样的需求怎么办？（这个需求一般都是不懂android的人提出来的） 难道就真的不能嵌套吗？ 当然可以，只要你再写一个ScrollView，在里面做点脚，它就支持嵌套了。 目前做的这个只支持两个ScrollView嵌套，两个以上还有待改进，能套两个就已经能满足很多需求了，呵呵，另外现在只做了纵向
Unity——ScrollView嵌套
weixin_43891047的博客
02-03 788
解决两层ScrollView嵌套，底层事件无法触发的问题
第二、UIScrollView的使用大全
热门推荐
ch_soft的专栏
11-08 16万+
UIScrollView 原理详解 ScrollView        UIScrollView      UIScrollView为了显示多于一个屏幕的内容或者超过你能放在内存中的内容。                  Scroll View为你处理缩小放大手势，UIScrollView实现了这些手势，并且替你处理对于它们的探测和回应。其中需
UIScrollView 嵌套一
最新发布
wang_gwei的博客
08-11 1810
滚动视图，如果直接添加的话，就会出现手势的冲突造成了体验上的悲剧。目前网上大部分的方法都是自己写手势监听，实现起来太过繁琐，最近遇到了同样的问题，写了一个比较简单的方法。来控制内外嵌套scrollView的滚动 以及滚动到目标位置后 把后续的滚动传递给另一个scrollView 避免滚动终止的生硬。// 内外层滚动到目标位置后 把滚动距离 传给外层 scrollView。// 外层滚动到目标位置后 把滚动距离 传给内存 scrollView。通过scrollView的代理方法。
iOS中UIScrollView嵌套UITableView的实践教程
01-04
最近因为工作项目中需要用到UIScrollView嵌套UItableView嵌套交互问题，顺便网上搜了下的demo，发现实现的效果并不是很理想，滑动偶尔会有延迟现象，所以自己想了个办法，顺便把自己实现写了个demo分享出来，一起来...
iOS 完美解决UIScrollView嵌套滑动手势冲突，适用于更为复杂的个人主页，电商首页，淘宝/天猫店铺页
07-09
github: https://github.com/ArchLL/PersonalCenter-Extend 欢迎star主要...2.解决外层和内层滚动视图的上下滑动冲突问题；3.解决外层tableView的子视图左右滚动不能和外层tableView上下滑动互斥的问题；4.优化菜单栏;
UIScrollView嵌套的完美解决方案.docx
10-26
### UIScrollView嵌套的完美解决方案 在iOS开发过程中，UIScrollView是一个非常重要的组件，它能够帮助开发者构建具有滚动功能的界面。然而，在开发过程中经常会遇到需要在一个UIScrollView内嵌套另一个...
ScrollView嵌套ScrollView
ypkobe24的专栏
06-29 456
大家好，众所周知，android 里两个相同方向的ScrollView是不能嵌套的，那要是有这样的需求怎么办？（这个需求一般都是不懂android的人提出来的） 难道就真的不能嵌套吗？ 当然可以，只要你再写一个ScrollView，在里面做点脚，它就支持嵌套了。 目前做的这个只支持两个ScrollView嵌套，两个以上还有待改进，能套两个就已经能满足很多需求了，呵呵，另外现在只做了纵向
多个UIScrollView、UITableView嵌套
11-23
一种N个UIScrollView嵌套的解决方案 使用了一种UIKit Dynamic + Gesture来处理多个UIScrollView、UITableView互相嵌套冲突的解决方案
三种UIScrollView嵌套实现方案
weixin_30929195的博客
12-25 718
背景 随着产品功能不断的迭代，总会有需求希望在保证不影响其他区域功能的前提下，在某一区域实现根据选择器切换不同的内容显示。 苹果并不推荐嵌套滚动视图，如果直接添加的话，就会出现下图这种情况，手势的冲突造成了体验上的悲剧。 在实际开发中，我也不断的在思考解决方案，经历了几次重构后，有了些改进的经验，因此抽空整理了三种方案，他们实现的最终效果都是一样的。 分而治之 最常见的一种方案就是使用 UI...
UIScrollView的属性总结
weixin_33817333的博客
03-28 182
UIScrollView的属性总结 属性 作用 CGPoint contentOffSet 监控目前滚动的位置 CGSize contentSize 滚动范围的大小 UIEdgeInsets contentInset 视图在scrollView中的位置 id<UIScrollerViewDelegate>...
ScrollView如何嵌套ScrollView
Care_about的博客
05-10 1302
android开发中ScrollView嵌套ScrollView是android最常用的功能,众所周知,android 里两个相同方向的ScrollView是不能嵌套的,那要是有这样的需求怎么办?目前做的这个只支持两个ScrollView嵌套,两个以上还有待改进,能套两个就已经能满足很多需求了,呵呵,另外现在只做了纵向scrollview的支持,横向的还没做package com.example.e
Unity双层嵌套ScrollView
qq_37244872的博客
07-30 2497
在unity中实现2层ScrollView的嵌套，两层的ScrollView的拖动方向不一样，这个功能的核心就是如何把子ScrollView事件传递给父ScrollView，在查阅资料之后发现只需要实现一下3个接口就行了 using System.Collections; using UnityEngine; using UnityEngine.EventSystems; using Unit...
Unity内嵌ScrollView
枫叶的博客
03-23 271
内嵌ScrollView
iOS UIScrollView 嵌套 UITableView 滚动交互
yutianlong9306的博客
09-17 3580
类型 1、UIScrollView 嵌套 UITableView  2、UITableView 嵌套 UITableView  3、UITableView 嵌套 子视图控制器 UIViewController   说明 最近项目需求有需要做到，页面列表能滚动，内部有多个自控制器切换，列表滚动到 一定高度则转成内部控制器滚动的需求。 也是从项目当中提取这一块的，弄成Demo 分享给大家...
iOS解决UIScrollView嵌套滑动手势冲突的方法
在本项目中，开发者为了完美解决UIScrollView嵌套时的滑动手势冲突，针对更为复杂的个人主页，电商首页以及淘宝/天猫店铺页，进行了以下关键改进： 1.适配iPhoneX：考虑到不同型号的设备可能有不同的屏幕尺寸和安全...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值