Button Rotation Animation in swift to make a similar Animation

Question

Rotate a button to make a similar animation when clicked?

The animation is the + and the x animation like when someone click on the + it rotates to a x — Omar Shiltawi, Aug 05 '15 at 21:54
You could just do a rotation animation - http://stackoverflow.com/questions/5725099/how-to-use-cgaffinetransformmakerotation — MendyK, Aug 05 '15 at 21:58

Caleb · Accepted Answer · 2017-06-20T13:53:22.663

35

Swift 3:

UIView.animate(withDuration: 0.25, animations: {
    myButton.transform = CGAffineTransform(rotationAngle: CGFloat.pi)
})

edited Jun 20 '17 at 13:53

answered Aug 05 '15 at 22:11

Caleb

awesome! how can i add a duration to it? – Omar Shiltawi Aug 05 '15 at 22:18
I made an edit. Sorry if I'm missing syntax, I'm on mobile. – Caleb Aug 05 '15 at 22:22
UIView.animateWithDuration(0.2, animations: { myButton.transform = CGAffineTransformMakeRotation(CGFloat(M_PI_4)) }) – dorian Aug 05 '15 at 22:24
@dorian, thanks I changed it. – Caleb Aug 05 '15 at 22:25
2

Can't answer or edit, so maybe the author will update: SWIFT 3: Swift 3 UIView.animate(withDuration: 0.25, animations: { myButton.transform = CGAffineTransform(rotationAngle: CGFloat(M_PI_4)) } – kuzdu Mar 29 '17 at 11:25
for putting back just use 'myButton.transform = .identity' – Ajumal Aug 30 '17 at 13:03

dorian · Answer 2 · 2015-08-05T22:10:06.430

3

You can use a regular rotation on the button:

[myButton setTransform:CGAffineTransformMakeRotation(M_PI_4)];

that would rotat + a 45degrees and make it an X :)

if you want to animate as well try

[UIView animateWithDuration:.5 animations:^{
        myButton.transform = CGAffineTransformMakeRotation(M_PI_4);
    }];

edited Aug 05 '15 at 22:10

answered Aug 05 '15 at 22:04

dorian

am sorry but is this for swift? i am new to swift and it shows errors – Omar Shiltawi Aug 05 '15 at 22:20
oh my bad, this was objective-c. Swift way of doing it would be myButton.transform = CGAffineTransformMakeRotation(CGFloat(M_PI_4)) – dorian Aug 05 '15 at 22:22

2 Answers2