2

我有一个 UIPanGestureRecognizer 附加到我的 iOS 应用程序中的视图。我从Touches 示例应用程序中复制了平移处理程序的代码。当手势开始时,我的代码:

  • 记录原始锚点和中心。
  • 将锚点和中心更改为用户手指周围,如下所示:

    CGPoint locationInView = [gestureRecognizer locationInView:target];
    CGPoint locationInSuperview = [gestureRecognizer locationInView:target.superview];
    target.layer.anchorPoint = CGPointMake(
        locationInView.x / target.bounds.size.width,
        locationInView.y / target.bounds.size.height
    );
    target.center = locationInSuperview;
    

随着手势的进行,平移处理程序不断更改中心以跟踪手指移动。到现在为止还挺好。

当用户放手时,我希望视图动画回到其原始起点。执行此操作的代码如下所示:

[UIView animateWithDuration:2 delay:0 options:UIViewAnimationCurveEaseOut animations:^{
    target.center            = originalCenter;
    target.layer.anchorPoint = originalAnchorPoint;
}];

这确实将视图动画化回其原始起点。但是,在动画开始之前,视图会跳转到 UI 中的不同位置。IOW,放手,它跳起来,然后动画回到它所属的地方。

我想也许我需要在动画之外设置锚点和中心,也许将中心设置为超级视图中的位置,就像手势开始时一样,但这似乎没有什么区别。

我在这里想念什么?当用户放手时如何防止跳跃?

4

1 回答 1

11

我怀疑有两个问题没有尝试你在做什么:

更改锚点会更改视图/图层的位置。为了在不修改位置的情况下更改锚点,您可以使用一些像这样的助手:

-(void)setAnchorPoint:(CGPoint)anchorPoint forView:(UIView *)view
{
    CGPoint newPoint = CGPointMake(view.bounds.size.width * anchorPoint.x, view.bounds.size.height * anchorPoint.y);
    CGPoint oldPoint = CGPointMake(view.bounds.size.width * view.layer.anchorPoint.x, view.bounds.size.height * view.layer.anchorPoint.y);

    newPoint = CGPointApplyAffineTransform(newPoint, view.transform);
    oldPoint = CGPointApplyAffineTransform(oldPoint, view.transform);

    CGPoint position = view.layer.position;

    position.x -= oldPoint.x;
    position.x += newPoint.x;

    position.y -= oldPoint.y;
    position.y += newPoint.y;

    view.layer.position = position;
    view.layer.anchorPoint = anchorPoint;
}

(我自己在我的项目中使用它。在这里找到:更改我的 CALayer 的锚点移动视图

您的动画将锚点设置回其原始值。 您应该使用上面的帮助器来重置锚点。这确保了视图在更改锚点时不会移动。您必须在动画之外执行此操作。之后,使用动画块更改视图的中心并将其动画到您想要的位置。

于 2012-05-22T11:02:43.927 回答