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);