为什么使用 CGAffineTransformMakeRotation 旋转视图时视图会改变位置

Question

我有以下超级简单的动画，我基本上是将视图从其原始角度/中心旋转 2 弧度，它旋转得很好我唯一的误解是为什么当旋转发生时视图会从其原始位置移动。

[UIView animateWithDuration:1.0 animations:^{
        self.someView.transform = CGAffineTransformMakeRotation( 2 );
    }];

为什么用上面的代码旋转时视图会移动？

我目前正在尝试识别CGAffineTransform Reference 中的信息。

了解锚point。

我找到了这个帖子，但没有给出具体的答案。 Why rotating imageView, it changes position?

非常感谢

Answer 1

您需要将视图的锚点设置为旋转。

self.somview.layer.anchorPoint = CGPointMake(0.5, 0.5);

然后开始旋转。
来自 Apple 文档

@property(nonatomic) CGAffineTransform transform
对此进行更改 属性可以动画。使用 beginAnimations:context: 类 方法开始和 commitAnimations 类方法结束 动画块。默认值是中心值（或 锚点（如果更改） 链接：https://developer.apple.com/library/ios/documentation/GraphicsImaging/Reference/CALayer_class/Introduction/Introduction.html#//apple_ref/occ/instp/CALayer/anchorPoint

图片来自这里http://www.raywenderlich.com/9864/how-to-create-a-rotating-wheel-control-with-uikit
- 如您所见，锚点是 X 和 Y 值为 0.0 - 1.0 的点 当您旋转时，旋转将围绕这些点
注意：您需要导入 QuartzCore

Answer 2

由于@fs_tigre 请求，我正在添加另一个答案。问题在于您的 xib 文件中的自动布局，不幸的是，不知道为什么会影响转换。
现在这是我解决问题的步骤：

1- 首先您需要摆脱自动布局（是的，您必须这样做）
取消选中使用自动布局

2- 删除将要旋转的视图的所有约束和自动调整掩码，如屏幕截图所示 （这里有我的蓝色框，见右侧自动调整大小，未选择任何内容）

我对你的轮换代码做了一些修改

self.someView.layer.anchorPoint = CGPointMake(0.5, 0.5);
    // one degree = pi/180. so...
    // rotate by 90
    CGFloat radians = (M_PI/180) * 90;
    [UIView animateWithDuration:1.0 animations:^{
        self.someView.transform = CGAffineTransformRotate(self.someView.transform, radians);
    }];

点击rotate 看看魔法:)

Answer 3

CGAffineTransformMakeRotation 的“锚点”是视图的 X、Y。你可以试试这个：

CGPoint center = self.someView.center;
[UIView animateWithDuration:1.0 animations:^{
    self.someView.transform = CGAffineTransformMakeRotation( 2 );
    self.someView.center = center;
}];