animate rotation UIImageView in swift

Question

I'm trying to animate a rotation of 180 degrees of a UIImageView in Swift

    UIView.animateWithDuration(1.0, animations: { () -> Void in
        self.arrowImageView.transform = CGAffineTransformMakeRotation(CGFloat(180 * M_PI))
    }) { (succeed) -> Void in

    }

But isnt animating at all. I want to use animateWithDuration cause i want to make it back at some point using CGAffineTransformMakeIdentity

Using UIView animations works.

    UIView.beginAnimations(nil, context: nil)
    UIView.setAnimationDuration(1)
    UIView.setAnimationCurve(UIViewAnimationCurve.EaseIn)
    let radians = CGFloat(180 * M_PI / 180)
    arrowImageView.transform = CGAffineTransformMakeRotation(radians)
    UIView.commitAnimations()

see https://stackoverflow.com/a/48838627/7576100 – Jack Feb 17 '18 at 07:25 — Jack, Feb 17 '18 at 07:25

Rakshitha Muranga Rodrigo · Answer 1 · 2020-06-18T19:24:13.897

======= Extension for UIView =======

I found this answer from the Internet, and I test it, working perfectly fine. Hope this will help to any one, just change the UIView to your need such as, UIView, UIButton, UIImageView, etc. and access with the myUIView.rotate() function, here myUIView should be replace with your View name (IBOutlet -> name) with correct view type for extension. This is the link that I found this answer. And this method is easy and working!

=== SWIFT 3 / 4 ===

extension UIView{
    func rotate() {
        let rotation : CABasicAnimation = CABasicAnimation(keyPath: "transform.rotation.z")
        rotation.toValue = NSNumber(double: M_PI * 2)
        rotation.duration = 1
        rotation.cumulative = true
        rotation.repeatCount = FLT_MAX
        self.layer.addAnimation(rotation, forKey: "rotationAnimation")
    }
}

suggested improvements. Thanks for all suggestions.

=== SWIFT 5 ===

extension UIView{
    func rotate() {
        let rotation : CABasicAnimation = CABasicAnimation(keyPath: "transform.rotation.z")
        rotation.toValue = NSNumber(value: Double.pi * 2)
        rotation.duration = 1
        rotation.isCumulative = true
        rotation.repeatCount = Float.greatestFiniteMagnitude
        self.layer.add(rotation, forKey: "rotationAnimation")
    }
}

And then call that extension like follow:

self.your_UIViewOutletName_myUIView_here.rotate()

in swift 4, **M_PI** has been replace with **Double.pi**, and **FLT_MAX** replace with **Float.greatestFiniteMagnitude**, and **cumulative** with **isCumulative** :) — Rakshitha Muranga Rodrigo, Feb 18 '18 at 03:58
please note that : This extension can be removed and can be modified only for functional usage, I have created this extension because you can use it every where with reusability and you can use this for any kind of View type : UIImageView, UIView.. etc. — Rakshitha Muranga Rodrigo, Jun 24 '18 at 17:18
You most likely don't need to change the class that's being extended - the 3 classes you mentioned inherit from UIView as do many others — froggomad, Jul 17 '19 at 04:29

score 25 · Answer 2 · answered Mar 13 '17 at 08:10

25

Here is code to rotate imageview. swift 3.0

UIView.animate(withDuration:2.0, animations: {
            self.dropDownImage.transform = CGAffineTransform(rotationAngle: CGFloat(imageRotation))
        })

answered Mar 13 '17 at 08:10

Usman Nisar

3,031
33
41

score 18 · Answer 3 · answered Oct 19 '15 at 17:33

First of all, if you want to rotate 180 degrees, that has to translate to radians. 180 degrees in radians is pi. 360 degrees would be 2 * pi. 180 * pi would make your animation spin around 90 times in one second and end up with the original orientation.

Secondly, I'm not sure why your code isn't working, but I know that the code below does work:

let rotationAnimation = CABasicAnimation(keyPath: "transform.rotation")
rotationAnimation.fromValue = 0.0
rotationAnimation.toValue = M_PI
rotationAnimation.duration = 1.0

self.arrowImageView.layer.addAnimation(rotationAnimation, forKey: nil)

score 18 · Answer 4 · answered May 24 '18 at 08:06

Updated swift 4.0 version:

    let rotation: CABasicAnimation = CABasicAnimation(keyPath: "transform.rotation.z")
    rotation.toValue = Double.pi * 2
    rotation.duration = 0.25 // or however long you want ...
    rotation.isCumulative = true
    rotation.repeatCount = Float.greatestFiniteMagnitude
    yourView.layer.add(rotation, forKey: "rotationAnimation")

score 14 · Answer 5 · answered Apr 27 '19 at 00:59

14

Swift 5.0

extension UIImageView{
    func rotate() {
        let rotation : CABasicAnimation = CABasicAnimation(keyPath: "transform.rotation.z")
        rotation.toValue = NSNumber(value: Double.pi * 2)
        rotation.duration = 2
        rotation.isCumulative = true
        rotation.repeatCount = Float.greatestFiniteMagnitude
        self.layer.add(rotation, forKey: "rotationAnimation")
    }
}

Updating to @Rakshitha Muranga Rodrigo answer.

answered Apr 27 '19 at 00:59

uplearned.com

3,393
5
44
59

Great suggestion Thank you. One of the developer also have suggested it on the post so I have included that too now... Cheers! – Rakshitha Muranga Rodrigo Jun 18 '20 at 19:27

score 12 · Answer 6 · edited Nov 06 '19 at 08:33

12

You left out the / 180 on CGFloat(180 * M_PI). Try:

UIView.animate(withDuration: 1.0) {[weak self] in
    self?.arrowImageView.transform = CGAffineTransform(rotationAngle: CGFloat(Double.pi))
}

edited Nov 06 '19 at 08:33

Makalele

7,431
5
54
81

answered Jul 16 '16 at 15:39

Allen

219
2
12

IvanPavliuk · Answer 7 · 2019-11-15T10:19:39.583

9

90 degrees rotation

var shouldRotateArrow = false {
    didSet {
        rotateArrow()
    }
}

private func rotateArrow() {
    let angle: CGFloat = shouldRotateArrow ? .pi / 2 : 0
    UIView.animate(withDuration: Constants.arrowRotationDuration) {
        self.arrowImageView.transform = CGAffineTransform(rotationAngle: angle)
    }
}

edited Nov 15 '19 at 10:19

answered May 03 '18 at 14:27

IvanPavliuk

1,460
1
21
16

KIDdAe · Answer 8 · 2018-02-07T15:01:08.083

7

Be sure to be in the Main thread

DispatchQueue.main.async {
   UIView.animateWithDuration(1.0, animations: { () -> Void in
     self.arrowImageView.transform = CGAffineTransformMakeRotation(CGFloat(180 * M_PI))
   }) { (succeed) -> Void in

   }
}

edited Feb 07 '18 at 15:01

answered Mar 29 '17 at 15:20

KIDdAe

2,714
2
22
29

score 7 · Answer 9 · edited Jun 13 '18 at 11:16

7

For me the best and shortest solution is (Swift 3/4):

self.YourImageView.transform = showing ? CGAffineTransform(rotationAngle: CGFloat.pi) : CGAffineTransform.identity

"showing" it's a value to determine is image rotated before or not - you can use your own logic here

edited Jun 13 '18 at 11:16

Uma Madhavi

4,851
5
38
73

answered Apr 26 '18 at 13:06

NazarYavornytskyy

339
4
4

ponthota viswanath reddy · Answer 10 · 2021-11-08T15:29:28.140

0

The below code helps to rotate the view continuously. UIView animate with .repeat mode repeat the animation indefinitely.

To start spinning ImageView -----------------

func startSpinning()  {
            UIView.animate(withDuration: 0.5, delay: 0, options: .repeat, animations: { () -> Void in
                self.gearImageView!.transform = self.gearImageView!.transform.rotated(by: .pi / 2)
                })
        }




To stop spin ImageView 
--------------------

func stopSpinning()  {
        self.gearImageView.layer.removeAllAnimations()
    }

edited Nov 08 '21 at 15:29

answered Nov 03 '21 at 12:17

ponthota viswanath reddy

19
3

Please don't post only code as an answer, but also provide an explanation what your code does and how it solves the problem of the question. Answers with an explanation are usually more helpful and of better quality, and are more likely to attract upvotes. – Tyler2P Nov 04 '21 at 16:55

score -2 · Answer 11 · answered Jul 17 '15 at 15:01

Try calling arrowImageView.layoutSubviews(), see below:

    UIView.animateWithDuration(1.0, animations: { () -> Void in
        self.arrowImageView.transform = CGAffineTransformMakeRotation(CGFloat(180 * M_PI))
        self.arrowImageView.layoutSubviews()
    }) { (succeed) -> Void in

    }

animate rotation UIImageView in swift

11 Answers11

Linked