在 iPhone 的 Quartz 2D 中进行旋转变换时可以移动原点吗？

Question

抱歉，如果这很明显或在其他地方有所涉及，但我已经在谷歌上搜索了一整天，但没有找到实际有效的解决方案。

我的问题如下：我当前正在全屏 UIView 中绘制图像，例如，我们会说图像位于 UIView 的右下角。 我想在该图像的中心进行旋转变换（CGAffineTransformMakeRotation），但是，默认情况下，旋转命令围绕 UIView 本身的中心旋转。 因此，当我旋转时，我的图像在屏幕上移动，而不是停留在原地并绕其自身中心旋转。

根据我收集的信息，我需要翻译我的上下文，以便原点（UIView 的中心）位于图像的中心，旋转，然后通过翻译回原始位置来恢复上下文。

以下是我最接近的工作，但问题是，当图像旋转时，它会在旋转时向下移动。 我认为这是由补间动画第一步翻译和第三步翻译引起的，而不是仅仅意识到翻译的起点和终点是相同的......

// Before this i'd make a call to a function that draws a path to a passed in context
CGAffineTransform inverseTranslation = CGAffineTransformMakeTranslation( transX, transY );
CGAffineTransform translation = CGAffineTransformMakeTranslation( -transX, -transY );
CGAffineTransform rot = CGAffineTransformMakeRotation( 3.14 );
CGAffineTransform final = CGAffineTransformConcat( CGAffineTransformConcat( inverseTranslation, rot ), translation );
// Then i apply the transformation animation like normal using self.transform = final etc etc

我也尝试过像 CGContextTranslateCTM 和 CGContextSaveGState/UIGraphicsPushContext 这样的东西，但是这些似乎效果不大。

我已经为此奋斗了好几天，我当前的解决方案似乎很接近，但我不知道如何摆脱翻译补间。 有没有人有解决方案或更好的方法来解决这个问题？

[更新] 目前，我正在以 UIview 的中心为中心绘制图像，然后将 UIView.center 属性设置为我想要旋转的原点，然后执行旋转命令。 看起来有点像黑客，但在我能让真正的翻译工作之前，这是我唯一的选择。 谢谢！

Answer 1

Duncanwilcox 的答案是正确的，但他遗漏了将视图图层的锚点更改为要旋转的点的部分。

CGSize sz = theview.bounds.size;
// Anchorpoint coords are between 0.0 and 1.0
theview.layer.anchorPoint = CGPointMake(rotPoint.x/sz.width, rotPoint.y/sz.height);
[UIView beginAnimations:@"rotate" context:nil];
theview.transform = CGAffineTransformMakeRotation( 45. / 180. * M_PI );
[UIView commitAnimations];

这是在这里记录的： http://developer.apple.com /documentation/Cocoa/Conceptual/CoreAnimation_guide/Articles/Layers.html

Answer 2

这也是一个选项：简单地更改基础;-)

CGAffineTransform transform = CGAffineTransformMakeTranslation(x, y);
transform = CGAffineTransformRotate(transform, angle);
transform = CGAffineTransformTranslate(transform,-x,-y);

其中 (x,y) 是您喜欢的旋转中心

Answer 3

旋转围绕视图图层的锚点发生。 锚点的默认值是中心 (0.5, 0.5)，因此仅旋转而不进行平移就足够了。

做了一个快速测试，这对我有用：

[UIView beginAnimations:@"rotate" context:nil];
self.transform = CGAffineTransformMakeRotation( 45. / 180. * 3.14 );
[UIView commitAnimations];

Answer 4

如果您不想发生动画，而只是设置新的旋转，则可以使用以下方法：

CGFloat newRotation = 3.14f 

[UIView beginAnimations:nil context:NULL];
[UIView setAnimationDuration:0.0]; // no tweening
CGAffineTransform transform = CGAffineTransformMakeRotation(newRotation);
self.transform = transform;
[UIView commitAnimations];

旋转确实应该围绕 UIView 的中心进行。 将animationDuration设置为零保证不会发生补间。

但请确保每秒不要执行 60 次。 使用这些工具创建类似游戏的动画是非常诱人的。 这些类型的动画并不完全适用于基于帧到帧的“大量精灵飞到各处”的游戏。

为此——我一直沿着这条路走——唯一的出路就是 OpenGL。