Question

我有动画，它应该不断旋转图像。但它有几个问题。速度很奇怪，尽管我已经设定它不断重复，你可以看到它是如何开始，停止然后重复的。哪个不应该发生。应该不间断旋转。另外，另一个问题是当动画停止时，图像由于某种原因向左移动。

这是我的代码：

func animateLogo()
{
    UIView.animate(withDuration: 6.0, delay: 0.0, options: .repeat, animations: {
        self.logo.transform = CGAffineTransform(rotationAngle: ((180.0 * CGFloat(Double.pi)) / 180.0))
    }, completion: nil)
}

Answer 1

试试这个

func rotateView(targetView: UIView, duration: Double = 1.0) {
    UIView.animate(withDuration: duration, delay: 0.0, options: .curveLinear, animations: {
        targetView.transform = targetView.transform.rotated(by: CGFloat(M_PI))
    }) { finished in
        self.rotateView(targetView: YOUR_LOGO, duration: duration)
    }
}

如何使用

self.rotateView(targetView: YOUR_LOGO, duration: duration)

Answer 2

角度应该是弧度而不是度数。以弧度为单位的角度 = 度数 * pi / 180。所以如果你想旋转 360 度，你应该输入弧度 = 360 * pi / 180 = 2 * pi = 2 * 3.1415 = 6.283。

Answer 3

在iOS中，翻转坐标系。因此，顺便提一下你的学位。这意味着通过270°将为您提供一个角度，相当于标准坐标系中的90°。记住这一点并相应地提供所需的角度。

考虑以下方法。

1）角度的方便扩展

postfix operator °

protocol IntegerInitializable: ExpressibleByIntegerLiteral {
    init (_: Int)
}

extension Int: IntegerInitializable {
    postfix public static func °(lhs: Int) -> CGFloat {
        return CGFloat(lhs) * .pi / 180
    }
}

extension CGFloat: IntegerInitializable {
    postfix public static func °(lhs: CGFloat) -> CGFloat {
        return lhs * .pi / 180
    }
}

2）使用CABasicAnimation旋转到任意角度：

extension UIView {
    func rotateWithAnimation(angle: CGFloat, duration: CGFloat? = nil) {
        let pathAnimation = CABasicAnimation(keyPath: "transform.rotation")
        pathAnimation.duration = CFTimeInterval(duration ?? 2.0)
        pathAnimation.fromValue = 0
        pathAnimation.toValue = angle
        pathAnimation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionLinear)
        self.transform = transform.rotated(by: angle)
        self.layer.add(pathAnimation, forKey: "transform.rotation")
    }
}

用法：

override func viewDidAppear(_ animated: Bool) {
    // clockwise
    myView.rotateWithAnimation(angle: 90°)

    // counter-clockwise
    myView.rotateWithAnimation(angle: -270°) 

}

传递负值将逆时针旋转。

参考 - What's the correct way to rotate a UIImage 270 degrees clockwise in Swift 3?

顺时针图像旋转动画

3 个答案: