UIVIew 动画 - 缩放 +翻译

Question

我有一个视图，我想通过动画对其进行缩放并翻译到新位置。我尝试用以下代码来实现它：

[UIView beginAnimations:nil context:nil];
[UIView setAnimationDuration:kDurationForFullScreenAnimation];
[[self animatingView] setFrame:finalRect];
[UIView commitAnimations];

这段代码的效果是，视图首先将其内容的大小更改为finalRect，然后将其转换到新位置。即缩放部分永远不会动画。视图只是转换为新的尺寸，然后进行翻译。

这个问题已经在其他几个线程中讨论过，但没有一个得出结论。虽然确实存在一种解决方案，即使用计时器并每次在计时器回调中设置帧，但它存在性能缺陷。

这个问题最合适的解决方案是什么，为什么在第一种情况下会出现这个问题？

谢谢

Answer 1

设置框架既不缩放也不平移。您要么使用了错误的术语，要么使用了错误的工具来完成这项工作。当您希望影响 UIView（而不是使用 Core Animation 变换的层）时，缩放和平移都是使用 Core Graphics 仿射变换完成的。

要缩放视图，请使用

// 2x
[rotationView setTransform:CGAffineTransformMakeScale(2.0, 2.0)];

要平移，请使用

// Move origin by 100 on both axis
[rotationView setTransform:CGAffineTransformMakeTranslation(100.0, 100.0)];

要对这些视图进行动画处理，请将它们包装在动画块中。如果你想用这两者来转换视图，那么你需要将它们连接起来。

如果您根本不需要缩放和平移（变换），那么您的意思是您想要更改视图的边界和位置。这些通过调用来更改，

[view setBounds:newRect];
[view setCenter:newCenter];

其中 newRect 和 newCenter 分别是表示新位置的 CGRect 和 CGPoint屏幕。同样，这些需要包装在动画块中。

Answer 2

这是一个块动画的示例：

CGPoint newCenter = CGPointMake(100.0,100.0);

[UIView animateWithDuration: 1
                      delay: 0
                    options: (UIViewAnimationOptionCurveLinear | UIViewAnimationOptionAllowUserInteraction)
                 animations:^{object.center = newCenter ; object.transform = CGAffineTransformScale(CGAffineTransformIdentity, 2.0, 2.0);}
                 completion:^(BOOL finished) { }
];

Answer 3

尝试这个解决方案：

  CGAffineTransform s =  CGAffineTransformMakeScale(0.5f,0.5f);
  CGAffineTransform t = CGAffineTransformMakeTranslation(100, 0);
  v2.transform = CGAffineTransformConcat(t,s); // not s,t

这个操作是不可交换的。该顺序与使用便利函数将一种变换应用到另一种变换时的顺序相反。

您可以使用此操作：例如（删除秤）：

    v2.transform =
    CGAffineTransformConcat(CGAffineTransformInvert(s), v2.transform);