iOS：如何同步两个 UIScrollview

Question

我有两个水平的UIScrollviews。当用户在其中任何一个中拖动手指时，我想同步他们的滚动。这是我的代码：

self.topScrollView = [[UIScrollView alloc] initWithFrame:CGRectZero];
self.topScrollView.delegate = self;
self.topScrollView.bounces = YES;

self.bottomScrollView = [[UIScrollView alloc] initWithFrame:CGRectZero];
self.bottomScrollView.delegate = self;
self.bottomScrollView.bounces = YES;
...

- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
    if (scrollView == self.topScrollView)
    {
        self.bottomScrollView.delegate = nil;
    }
    else
    {
        self.topScrollView.delegate = nil;
    }
    ...
}

- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{   
    ...
    self.topScrollView.delegate = self;
    self.bottomScrollView.delegate = self;
}

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    ...
    self.topScrollView.delegate = self;
    self.bottomScrollView.delegate = self;
}

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    // Sync the two scroll views
    if (scrollView == self.topScrollView)
    {
        [self.bottomScrollView setContentOffset:scrollView.contentOffset animated:NO];
    }
    else
    {
        [self.topScrollView setContentOffset:scrollView.contentOffset animated:NO];
    }
    ...
}

两个滚动视图确实同步滚动，但是问题是所有的弹跳和减速都消失了。整个滚动运动变得非常僵硬。如果我删除所有同步代码，那么每个滚动视图都可以单独工作。 那么，问题是什么？或者UIScrollView可以不同步吗？

Answer 1

您可以使用topScrollView.panGestureRecognizer 和bottomScrollView.panGestureRecognizer 来获取两个手势识别器并将它们添加到包含两个滚动视图的公共超级视图中。然后，两个孩子都可以识别此超级视图上的平移手势。

您很可能还需要成为两个识别器的代表并让它们同时被识别：

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

Answer 2

我根据 jszumski 的回答制定了解决方案。但是，我的情况是两个并排的垂直 UIScrollView（scrollViewLeft 和 scrollViewRight）。它应该适用于水平 UIScrollViews 而无需太多修改。

首先，创建一个自定义 UIScrollView。

//.h file

@interface CSScrollView : UIScrollView

@end

//.m file

@implementation CSScrollView


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

    return YES;

}

@end

其次，在你的主视图中，

- (void)viewDidLoad {

    [super viewDidLoad];


    [self.view addGestureRecognizer:self.scrollViewLeft.panGestureRecognizer];

    [self.view addGestureRecognizer:self.scrollViewRight.panGestureRecognizer];

}

这就是我设置两个同步滚动视图所需的一切。实际效果比在scrollview的scrollViewDidScroll中发送/订阅通知和同步contentOffset的常规方式要好很多。

Answer 3

@jszumski 用 Swift 回答

1. 创建 UIScrollView 的自定义子类
2. 符合UIGestureRecognizer委托
3. 覆盖gestureRecognizer(_:shouldRecognizeSimultaneouslyWith:)GestureRecognizerDelegate方法

public func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer) -> Bool {
        return true
    }

4. 两个集合视图需要具有相同的超级视图。将两个手势识别器添加到您的超级视图中

yourSuperview.addGestureRecognizer(scrollView1.panGestureRecognizer)
yourSuperview.addGestureRecognizer(scrollView1)

希望这会有所帮助！