How do I animate a rotation of 360 degrees or more?

[Sweeper777]

Currently, .rotate(angle: 360) does not seem to rotate the view at all. I expected it to keep rotating the view clockwise until it reaches its original position. Is this not how it was designed? I have this workaround for now, but it's not nice:

transform(duration: 0.1, transforms: [
        .rotate(angle: 180)
    ]).then(animation: transform(duration: 0.1, transforms: [
        .rotate(angle: 180)
    ]))

[rchatham]

Hey! Thanks for pointing that out. I'll have a fix in the works shortly. Will post an update when it's ready.

[rchatham]

For now this fix gives a nice syntax. These were new methods but I feel that you are probably right. I will look into better testing these methods. Right now they rely on Apple's default implementations but should perhaps be rethought for this library.

protocol Rotateable {
    func rotate360(duration: TimeInterval) -> Animate
}
extension Rotateable where Self: UIView { 
// extension UIView: Rotateable {
// ^ If you just want to make all views rotateable
    func rotate360(duration: TimeInterval) -> Animate {
        return Animate()
            .then(animation: rotate(duration: duration/2, angle: 180, options: [.curveEaseIn]))
            .then(animation: rotate(duration: duration/2, angle: 360, options: [.curveEaseOut]))
    }
}

This should get the desired effect you are looking for by calling, rotateableView.rotate360(duration: 1.0).perform().

[rchatham]

I'll leave this open until I get a better fix.