UIView.animateWithDuration swift loop animation

Question

In ViewController.Swift I managed to make a box animate from one point to another. I thought it would be easy to loop this so the box will animate to one point and then animate back to its original position and then loop again. I have managed to move the object to a position and in "complete" move it back again, but that doesn't make i loop. How can this be achieved?

I thought maybe this could work but i honestly don't know:

let boxmoves = [CGRect(x: 120, y: 220, width: 100, height: 100), CGRect(x: 120, y: 120, width: 100, height: 100)] for boxmove in boxmoves { coloredSquare.frame = boxmove }

How could I center it based on the device-width (I assume there are some math involved?)?

My code:

let coloredSquare = UIView() coloredSquare.backgroundColor = UIColor.blueColor() coloredSquare.frame = CGRect(x: 120, y: 120, width: 100, height: 100) self.view.addSubview(coloredSquare) // found repeate but this will not animate as I want. //UIView.animateWithDuration(2.0, delay: 0.2, options: UIViewAnimationOptions.Repeat, animations: { UIView.animateWithDuration(2.0, animations: { coloredSquare.frame = CGRect(x: 120, y: 220, width: 100, height: 100) }, completion: { finished in UIView.animateWithDuration(2.0, animations: { coloredSquare.frame = CGRect(x: 120, y: 120, width: 100, height: 100) }) })

Mazyod · Accepted Answer · 2017-01-26 06:45:10Z

160

No need to do the completion block approach, just use the animation options argument:

updated for Swift 3.0

UIView.animate(withDuration: 2.0, delay: 0, options: [.repeat, .autoreverse], animations: { coloredSquare.frame = CGRect(x: 120, y: 220, width: 100, height: 100) }, completion: nil)

If for any reason you want to stop the animation later, just use:

coloredSquare.layer.removeAllAnimations()

edited Jan 26, 2017 at 6:45

answered Dec 26, 2014 at 18:44

Mazyod

22.6k10 gold badges97 silver badges160 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

JLR Over a year ago

Wow, it was that easy. Thanks @Mazyod! Do you know how to center it based on device-width as well?

Mazyod Over a year ago

@JohanNdiyoLinnarsson Well, you'd have to remove all those hard coded values, obviously. Try setting the frame with the size you want, then animating the coloredSquare.center property, instead of the frame. To center it in the view, try coloredSquare.center = view.center, or better coloredSquare.center = CGPoint(x: view.bounds.midX, y: view.bounds.midY)

Mazyod Over a year ago

if you're not using autolayout, you'd also need to set the autoresizingMask property to flexible margins.

JLR Over a year ago

Thank you for your kind help @Mazyod. With your help I manage to solve my problem.

Mazyod Over a year ago

@Blankarsch coloredSquare.layer.removeAllAnimations()

|

niku · Accepted Answer · 2018-09-11 11:52:15Z

UIView.animate(withDuration: 3.0, delay: 0.0, options: [.curveLinear, .repeat], animations: { () -> Void in coloredSquare.frame = CGRect(x: 120, y: 220, width: 100, height: 100) }, completion: { (finished: Bool) -> Void in })

Collectives™ on Stack Overflow

UIView.animateWithDuration swift loop animation

2 Answers 2

6 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Linked

Related