如何通过手指触摸自动围绕中心点旋转图像

Question

在iPhone上，如何通过手指触摸实现图像绕中心点旋转？

就像轮子一样，如果你把手指放在iPhone屏幕上，然后突然移动，那么图像就会像轮子一样围绕中心点旋转，过了一会儿，它变得越来越慢，最后停止。

谁可以帮忙提供一些代码（Object-C）或一些建议？

Answer 1

昨天我正在使用“旋转瓶子”应用程序。 在窗口上，我有一个带有瓶子的 ImageView，它应该响应触摸并按照用户滑动手指的方式旋转。 我很难让 ImageView 在触摸事件（TouchesBegan、Touchesoved、TouchesEnd）期间旋转。 我在 TouchesMoved 中使用此代码来找出旋转图像的角度。

public override void TouchesMoved (NSSet touches, UIEvent evt)
{    
  PointF pt = (touches.AnyObject as UITouch).LocationInView(this);

  float x = pt.X  - this.Center.X;
  float y = pt.Y  - this.Center.Y;
  double ang =  Math.Atan2(x,y);

  // yada yada, rotate image using this.Transform
}

这个很重要！ 当 ImageView 旋转时，即使 x & y 坐标发生变化。 因此，一直触摸同一区域会给我不同的 pt 和 prePt 点值。 经过一番思考、谷歌搜索和阅读后，我想出了一个简单的解决方案。 ImageView 的“SuperView”属性。

PointF pt = (touches.AnyObject as UITouch).LocationInView(this.SuperView);

有了这个小小的改变就变得容易多了，不，我可以使用 UITouch-metohs LocationInView 和 PreviousLocationInView 并获得正确的 x & 。 y 坐标。 她是我代码的一部分。

float deltaAngle;

public override void TouchesMoved (NSSet touches, UIEvent evt)
{
    PointF pt = (touches.AnyObject as UITouch).LocationInView(this.Superview);

    float x = pt.X  - this.Center.X;
    float y = pt.Y  - this.Center.Y;
    float ang =  float.Parse(Math.Atan2(dx,dy).ToString());


    //do the rotation
     if (deltaAngle == 0.0) {
       deltaAngle = ang;
     }
else
    {
      float angleDif = deltaAngle - ang;
      this.Transform = CGAffineTransform.MakeRotation(angleDif);
    }   
}

希望这可以帮助人们不再花几个小时研究如何旋转瓶子！ :)

Answer 2

我将使用仿射变换 - 您可以使用变换属性将变换分配给任何图层或 UI 元素。

您可以使用 CGAffineTransform CGAffineTransformMakeRotation( CGFloat angle) 它将返回旋转元素的转换。 默认旋转应围绕中心点。

请注意，旋转仅限于 360 度，因此如果您想要旋转更多的角度（例如 720 度） - 您必须将旋转分解为多个序列。

您可能会找到这篇SO文章 也很有用。

Answer 3

视图或图层的变换属性可用于旋转其中显示的图像。 就旋转部分而言，您只需使用touchesBegan、touchesMoved 和touchesEnded 来跟踪视图中触摸的位置和移动。

使用触摸更新之间的距离和时间来计算速度，并使用它来设置旋转速度。 一旦开始图像旋转，定期更新位置（也许使用 NSTimer），并将旋转速度降低某个常数。