4

我正在构建一个 iPad 应用程序,我需要允许使用两个视图之间提供的分隔视图来调整视图大小。分隔视图只是两个半屏内容视图之间的 20 像素高度视图 - 请参阅附加图像。

当用户向上或向下滚动此分隔视图时,两个内容视图都会相应地更改其大小。我已经UIView使用委托扩展并实现了这一点touchMoved,如下委托中给出的代码touchesMoved。它工作正常。唯一缺少的TouchMoved是您不能直接将分隔视图滑动到顶部或底部。你必须一直拖到顶部或底部!

为了支持轻弹我尝试过的视图,UIPanGestureRecognizer但我没有看到平滑的拖动。设置父级的拆分位置会调整两个内容视图的大小,如代码所示。当我处理状态中的拆分位置更改时UIGestureRecognizerStateChanged,只需触摸分隔线视图即可将其轻弹到顶部或底部。处理拆分位置的变化是UIGestureRecognizerStateEnded一样的,但我没有看到内容视图通过dividerview滚动调整大小!

有人能告诉我如何通过调整内容视图(如touchMoved)和轻弹视图来实现分隔视图的平滑滚动吗?任何替代方法也可以。谢谢。

- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {
    UITouch *touch = [touches anyObject];
    if (touch) {
        CGPoint lastPt = [touch previousLocationInView:self];
        CGPoint pt = [touch locationInView:self];
        float offset = pt.y - lastPt.y;
        self.parentViewController.splitPosition = self.parentViewController.splitPosition + offset;
    }
}

- (void)handlePan:(UIPanGestureRecognizer*)recognizer {

    CGPoint translation = [recognizer translationInView:recognizer.view];
    CGPoint velocity = [recognizer velocityInView:recognizer.view];

    if (recognizer.state == UIGestureRecognizerStateBegan) {
    } else if (recognizer.state == UIGestureRecognizerStateChanged) {
       // If I change split position here, I don't see smooth scrolling dividerview...it directly jumps to the top or bottom!
       self.parentViewController.splitPosition = self.parentViewController.splitPosition + translation.y;
    } else if (recognizer.state == UIGestureRecognizerStateEnded) {
      // If I change split position here, the same thing happens at end and I don't see my divider view moving with my scrolling and resizing my views.
        self.parentViewController.splitPosition = self.parentViewController.splitPosition + translation.y;
    }
}

初始画面

初始画面

通过向底部滚动分隔视图来增加顶视图的大小。

通过滚动分隔视图增加顶视图大小

顶视图完全隐藏在这里,但我必须将分隔视图一直滚动到顶部。我想轻弹分隔视图,使其直接从任何位置到顶部

顶视图完全隐藏在这里,但我必须将分隔视图一直滚动到顶部。 我想轻弹分隔视图,使其直接从任何位置到顶部。

4

1 回答 1

9

如果我对您的理解正确,那么您在这里有两个不同的问题。

第一个:使用 GestureRecognizer 时的“不流畅”拖动。您的代码中的问题是,每次 GR 调用它的句柄方法时,您都会添加翻译。由于平移是连续测量的,因此每次调用时都会添加更高的值(即第一次调用将 10 添加到拆分位置,第二次调用 20,第三次调用 30 等等)。

要解决此问题,您应该在更新拆分位置后将平移设置为零:

- (void)handlePan:(UIPanGestureRecognizer*)recognizer {

    CGPoint translation = [recognizer translationInView:recognizer.view];

    if (recognizer.state == UIGestureRecognizerStateChanged) {
       self.parentViewController.splitPosition = self.parentViewController.splitPosition + translation.y;
    } 
    [recognizer setTranslation:CGPointZero inView:recognizer.view];
}

第二:为了允许用户将分割位置轻弹到顶部或底部,您可以检查 UIGestureRecognizerStateEnded 中的速度,如果它超过某个值,则立即将分割位置设置为顶部或底部。

但使用 UISwipeGestureRecognizer 可能更方便。

- (void)handleSwipe:(UISwipeGestureRecognizer *)gr
{
    if (gr.direction == UISwipeGestureRecognizerDirectionUp){
        [self.parentViewController moveSplitViewToTop];
    }
    else if (gr.direction == UISwipeGestureRecognizerDirectionDown){
        [self.parentViewController moveSplitViewToBottom];
    }
}

在这种情况下,可能有必要(不确定,也许不是)通过设置要求 SwipeGR 在 PanGR 触发之前失败:

[panGestureRecognizer requireGestureRecognizerToFail:swipeGestureRecognizer];

希望有帮助。

编辑:关于您的评论,我假设您的频率是指速度。如果您只使用 PanGR,您可以将上面的代码修改为 sth。像这样:

- (void)handlePan:(UIPanGestureRecognizer*)recognizer {

    CGPoint translation = [recognizer translationInView:recognizer.view];
    CGPoint velocity = [recognizer velocityInView:recognizer.view];

    if (recognizer.state == UIGestureRecognizerStateChanged) {
       self.parentViewController.splitPosition = self.parentViewController.splitPosition + translation.y;
    } 
    else if (recognizer.state == UIGestureRecognizerStateEnded){
        if (velocity.y > someValue){
            [self.parentViewController moveSplitViewToBottom];
        }
        else if (velocity.y < someValue){
            [self.parentViewController moveSplitViewToTop];
        }
    }
    [recognizer setTranslation:CGPointZero inView:recognizer.view];
}

我不确定速度是否已签名,如果没有,您必须在 if 块中再次检查翻译。

于 2012-10-21T19:04:55.890 回答