ToB企服应用市场:ToB评测及商务社交产业平台

标题: UIScrollView 嵌套一 [打印本页]

---

作者: 灌篮少年    时间: 2024-10-15 02:08
标题: UIScrollView 嵌套一
关于这个嵌套滑动题目，苹果并不保举嵌套滚动视图，如果直接添加的话，就会出现手势的冲突造成了体验上的悲剧。目前网上大部分的方法都是本身写手势监听，实现起来太过繁琐，近来碰到了同样的题目，写了一个比较简单的方法
通过scrollView的代理方法
- (void)scrollViewDidScrollUIScrollView *)scrollView
来控制内外嵌套scrollView的滚动 以及滚动到目标位置后 把后续的滚动传递给另一个scrollView 制止滚动停止的生硬。
不过这里在目标节点处 拖拽时会存在中断的情况 需要优化

1. - (void)scrollViewDidScroll:(UIScrollView *)scrollView

复制代码

dome实现代码
@interface ScrollViewController ()<UIScrollViewDelegate>
@property(nonatomic, strong)UIScrollView *outScrollerView;
@property(nonatomic, strong)UIScrollView *inerScrollerView;
@end
@implementation ScrollViewController
- (void)viewDidLoad {
    [super viewDidLoad];
    
    self.outScrollerView.frame = CGRectMake(10, 90, 300, 500);
    self.outScrollerView.contentSize = CGSizeMake(300, 1800);
    [self.view addSubview:self.outScrollerView];
    
    self.inerScrollerView.frame = CGRectMake(10, 440, 240, 300);
    self.inerScrollerView.contentSize = CGSizeMake(240, 800);
    [self.outScrollerView addSubview:self.inerScrollerView];
    self.inerScrollerView.scrollEnabled = NO;
    UIView *v1 = [UIView new];
    v1.frame = CGRectMake(90, 0, 90, 90);
    v1.backgroundColor = UIColor.yellowColor;
    [self.inerScrollerView addSubview:v1];
    UIView *v2 = [UIView new];
    v2.frame = CGRectMake(90, 90, 90, 90);
    v2.backgroundColor = UIColor.redColor;
    [self.inerScrollerView addSubview:v2];
    
}
// 目标位置
CGFloat outContentOffsetY = 430;
CGFloat inerContentOffset2Y = 60;
#pragma mark - UIScrollViewDelegate
- (void)scrollViewDidScrollUIScrollView *)scrollView {
    CGPoint contentOffset = scrollView.contentOffset;
//    NSLog(@"scrollViewDidScroll");
    if (scrollView == self.outScrollerView && contentOffset.y >= outContentOffsetY) {
        self.inerScrollerView.scrollEnabled = YES;
        self.outScrollerView.scrollEnabled = NO;
        
        // 外层滚动到目标位置后 把滚动距离 传给内存 scrollView
        CGFloat offsetY = contentOffset.y - outContentOffsetY;
        CGPoint contentOffset2 = self.inerScrollerView.contentOffset;
        contentOffset2.y += offsetY;
        
        [self.outScrollerView setContentOffset:CGPointMake(0, outContentOffsetY)];
        [self.inerScrollerView setContentOffset:contentOffset2];
        
    }
    if (scrollView == self.inerScrollerView && contentOffset.y < inerContentOffset2Y) {
        self.outScrollerView.scrollEnabled = YES;
        self.inerScrollerView.scrollEnabled = NO;
        // 内外层滚动到目标位置后 把滚动距离 传给外层 scrollView
        CGFloat offsetY = contentOffset.y - inerContentOffset2Y;
        CGPoint contentOffset1 = self.outScrollerView.contentOffset;
        contentOffset1.y += offsetY;
        
        [self.inerScrollerView setContentOffset:CGPointMake(0, inerContentOffset2Y)];
        [self.outScrollerView setContentOffset:contentOffset1];
        
    }
}
- (UIScrollView *)outScrollerView {
    if (!_outScrollerView) {
        _outScrollerView = [[UIScrollView alloc] init];
        _outScrollerView.delegate = self;
        _outScrollerView.backgroundColor = UIColor.blueColor;
    }
    return _outScrollerView;
}

- (UIScrollView *)inerScrollerView {
    if (!_inerScrollerView) {
        _inerScrollerView = [[UIScrollView alloc] init];
        _inerScrollerView.delegate = self;
        _inerScrollerView.backgroundColor = UIColor.grayColor;
    }
    return _inerScrollerView;
}
@end

1. #import "ScrollViewController.h"
4. @interface ScrollViewController ()<UIScrollViewDelegate>
6. @property(nonatomic, strong)UIScrollView *outScrollerView;
7. @property(nonatomic, strong)UIScrollView *inerScrollerView;
9. @end
11. @implementation ScrollViewController
13. - (void)viewDidLoad {
14.     [super viewDidLoad];
15.    
16.     self.outScrollerView.frame = CGRectMake(10, 90, 300, 500);
17.     self.outScrollerView.contentSize = CGSizeMake(300, 1800);
18.     [self.view addSubview:self.outScrollerView];
19.    
20.     self.inerScrollerView.frame = CGRectMake(10, 440, 240, 300);
21.     self.inerScrollerView.contentSize = CGSizeMake(240, 800);
22.     [self.outScrollerView addSubview:self.inerScrollerView];
23.     self.inerScrollerView.scrollEnabled = NO;
24.    
25.     UIView *v1 = [UIView new];
26.     v1.frame = CGRectMake(90, 0, 90, 90);
27.     v1.backgroundColor = UIColor.yellowColor;
28.     [self.inerScrollerView addSubview:v1];
29.    
30.     UIView *v2 = [UIView new];
31.     v2.frame = CGRectMake(90, 90, 90, 90);
32.     v2.backgroundColor = UIColor.redColor;
33.     [self.inerScrollerView addSubview:v2];
34.    
35. }
36. // 目标位置
37. CGFloat outContentOffsetY = 430;
38. CGFloat inerContentOffset2Y = 60;
39. #pragma mark - UIScrollViewDelegate
40. - (void)scrollViewDidScroll:(UIScrollView *)scrollView {
41.     CGPoint contentOffset = scrollView.contentOffset;
42. //    NSLog(@"scrollViewDidScroll");
43.     if (scrollView == self.outScrollerView && contentOffset.y >= outContentOffsetY) {
44.         self.inerScrollerView.scrollEnabled = YES;
45.         self.outScrollerView.scrollEnabled = NO;
46.         
47.         // 外层滚动到目标位置后 把滚动距离 传给内存 scrollView
48.         CGFloat offsetY = contentOffset.y - outContentOffsetY;
49.         CGPoint contentOffset2 = self.inerScrollerView.contentOffset;
50.         contentOffset2.y += offsetY;
51.         
52.         [self.outScrollerView setContentOffset:CGPointMake(0, outContentOffsetY)];
53.         [self.inerScrollerView setContentOffset:contentOffset2];
54.         
55.     }
56.     if (scrollView == self.inerScrollerView && contentOffset.y < inerContentOffset2Y) {
57.         self.outScrollerView.scrollEnabled = YES;
58.         self.inerScrollerView.scrollEnabled = NO;
59.         // 内外层滚动到目标位置后 把滚动距离 传给外层 scrollView
60.         CGFloat offsetY = contentOffset.y - inerContentOffset2Y;
61.         CGPoint contentOffset1 = self.outScrollerView.contentOffset;
62.         contentOffset1.y += offsetY;
63.         
64.         [self.inerScrollerView setContentOffset:CGPointMake(0, inerContentOffset2Y)];
65.         [self.outScrollerView setContentOffset:contentOffset1];
66.         
67.     }
68. }
70. - (UIScrollView *)outScrollerView {
71.     if (!_outScrollerView) {
72.         _outScrollerView = [[UIScrollView alloc] init];
73.         _outScrollerView.delegate = self;
74.         _outScrollerView.backgroundColor = UIColor.blueColor;
75.     }
76.     return _outScrollerView;
77. }
79. - (UIScrollView *)inerScrollerView {
80.     if (!_inerScrollerView) {
81.         _inerScrollerView = [[UIScrollView alloc] init];
82.         _inerScrollerView.delegate = self;
83.         _inerScrollerView.backgroundColor = UIColor.grayColor;
84.     }
85.     return _inerScrollerView;
86. }
89. @end

复制代码

实现方式二：ScrollView嵌套二

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4