旋转手势产生不希望的旋转

Posted 2023-03-13

【中文标题】旋转手势产生不希望的旋转

【英文标题】：Rotation gesture produces undesired rotation

【发布时间】：2016-08-23 02:49:42

【问题描述】：

我需要仅使用一个手指运动来旋转用户运动的 UIImageview。为此，我使用旋转手势，然后使用以下代码覆盖 touchesMoved：

  override func touchesMoved(touches: Set<UITouch>, withEvent event: UIEvent?) 

    let touch = touches.first
    if touch!.view === rotateImageView 
        let position = touch!.locationInView(self.view)

        let target = rotateImageView.center
        let angle = atan2(target.y-position.y, target.x-position.x)
        rotateImageView.transform = CGAffineTransformMakeRotation(angle)
    
  

只要用户停下来触摸屏幕并在屏幕的另一部分进行动作，这就会起作用。在那种情况下，当用户开始移动手指时，UIImageview 会在不希望的位置上旋转。我需要保持 UIImageview 的原始旋转位置以避免这种情况，但我不知道该怎么做。

这个 gif 显示了我拥有的项目原型的当前行为。正如你所看到的，当我开始在右侧旋转时，火焰图标突然出现在触摸点附近，这就是我想要防止的。

2016 年 8 月 23 日更新

我使用了 Matt 和 Dasem 建议使用 CGAffineTransformRotate，但我仍然看到了跳跃。我采用 Dasem 代码并按如下方式适应我的项目（如果适应错误，请告诉我）：

override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?) 

    origin = (touches.first?.locationInView(self.view))!

    //save the current transform
    tempTransform = rotateImageView.transform



override func touchesMoved(touches: Set<UITouch>, withEvent event: UIEvent?) 

    let touchPoint = touches.first?.locationInView(self.view)

    xOffSet = CGVector(dx:(origin.x)-rotateImageView.center.x, dy:(origin.x) - rotateImageView.center.y)
    yOffSet = CGVector(dx:touchPoint!.x - rotateImageView.center.x, dy:touchPoint!.y - rotateImageView.center.y)

    let angle = atan2(yOffSet.dy,yOffSet.dx) - atan2(xOffSet.dy,xOffSet.dx)
    rotateImageView.transform = CGAffineTransformRotate(tempTransform, angle)

当用户触摸触摸屏的不同区域时，此更改会产生类似的效果。在这个 gif 中，我更改了图像并删除了图标以使效果更加明显。

更新解决方案

使用 Jasem 更新重新应用代码并运行，以下代码在不使用子类化的情况下解决了问题

override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?) 

    origin = (touches.first?.locationInView(self.view))!
    xOffSet = CGVector(dx:(origin.x)-rotateImageView.center.x, dy:(origin.y) - rotateImageView.center.y)
    startingAngle = atan2(xOffSet.dy,xOffSet.dx)

    //save the current transform
    tempTransform = rotateImageView.transform


override func touchesMoved(touches: Set<UITouch>, withEvent event: UIEvent?) 

    let touchPoint = touches.first?.locationInView(self.view)
    yOffSet = CGVector(dx:touchPoint!.x - rotateImageView.center.x, dy:touchPoint!.y - rotateImageView.center.y)
    let angle = atan2(yOffSet.dy,yOffSet.dx)

    let deltaAngle = angle - startingAngle!
    rotateImageView.transform = CGAffineTransformRotate(tempTransform, deltaAngle)


override func touchesEnded(touches: Set<UITouch>, withEvent event: UIEvent?) 
    startingAngle = nil


//reset in case drag is cancelled
override func touchesCancelled(touches: Set<UITouch>?, withEvent event: UIEvent?) 
    rotateImageView.transform = tempTransform
    startingAngle = nil

【问题讨论】：

我很高兴你让它工作，但从来没有必要将当前转换保存为实例属性，我的回答仍然是正确的。

也许它会帮助您查看可旋转视图的示例：github.com/mattneub/Programming-ios-Book-Examples/blob/master/…

【参考方案1】：

您可能想将 self.superview 更改为 self.view（我的是子类）

var xOffSet:CGVector = CGVectorMake(0, 0)
var yOffSet:CGVector = CGVectorMake(0, 0)
var origin:CGPoint = CGPointZero
var tempTransform=CGAffineTransform()
var startingAngle:CGFloat?


   override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?) 

    origin = (touches.first?.locationInView(self.superview))!
    xOffSet = CGVector(dx:(origin.x)-self.center.x, dy:(origin.y) - self.center.y)
    startingAngle = atan2(xOffSet.dy,xOffSet.dx)

    //save the current transform
    tempTransform = self.transform


override func touchesMoved(touches: Set<UITouch>, withEvent event: UIEvent?) 

    let touchPoint = touches.first?.locationInView(self.superview)
    yOffSet = CGVector(dx:touchPoint!.x - self.center.x, dy:touchPoint!.y - self.center.y)
    let angle = atan2(yOffSet.dy,yOffSet.dx)

    let deltaAngle = angle - startingAngle!
    self.transform = CGAffineTransformRotate(tempTransform, deltaAngle) 



override func touchesEnded(touches: Set<UITouch>, withEvent event: UIEvent?)   
  startingAngle = nil


//reset in case drag is cancelled
override func touchesCancelled(touches: Set<UITouch>?, withEvent event: UIEvent?) 
        self.transform = tempTransform
        startingAngle = nil
    

【讨论】：

感谢@Dasem 的回复，我还是有这个问题，请看更新

在这部分 xOffSet = CGVector(dx:(origin.x)-rotateImageView.center.x, dy:(origin.x) - rotateImageView.center.y) 将第二个origin.x改为origin.y

我也更新了我的答案（为了清楚起见和一些改进）

现在工作正常:)

我正在尝试使用此代码来执行与此项目类似的操作。但是我在将代码转换为 swift 4 版本时遇到了一些问题。 “我猜”。 CGAffineTransform 似乎没有“从先前的变换旋转”选项，我不知道如何使用它。我到处搜索，但一无所获

【参考方案2】：

问题是你在说

rotateImageView.transform = CGAffineTransformMakeRotation(angle)

因此，无论图像视图已经（从先前的旋转）进行的任何变换都丢弃，并完全替换从angle 开始的新变换。这就是你看到的“跳跃”。

您要做的是将旋转变换应用于图像视图的现有变换。您可以通过调用 CGAffineTransformRotate 而不是 CGAffineTransformMakeRotation 来做到这一点。

【讨论】：

感谢@matt 的回复，我还是有这个问题，请看更新