StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>Core Animation is a good solution for this type of thing. You have CAShapeLayer that allows you to draw shapes according to a path and you can animate using a basic animation or a keyframe animation. You can do something like this in your button click:</p> <pre><code>CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"position"]; [animation setFromValue:[NSValue valueWithCGPoint:CGPointMake(0.0, 0.0)]]; [animation setToValue:[NSValue valueWithCGPoint:CGPointMake(320.0, 480.0)]]; [animation setDuration:2.0f]; [shapeLayer addAnimation:animation forKey:@"positionAnimation"]; </code></pre> <p>This will animate the layer from point 0.0, 0.0 (upper left hand corner) to 320.0, 480.0 (lower right hand corner) over the course of two seconds. When you add the animation to your layer, it will start playing immediately. If you are looking to rotate the animation (wasn't sure from the post), you can do this:</p> <pre><code>CABasicAnimation *rotationAnimation; rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"]; [rotationAnimation setFromValue:DegreesToNumber(0)]; [rotationAnimation setToValue:DegreesToNumber(360)]; [rotationAnimation setDuration:2.0f]; [rotationAnimation setRepeatCount:10000]; // keep spinning [shapeLayer addAnimation:rotationAnimation forKey:@"rotate"]; </code></pre> <p>The DegreesToNumber is a helper function that converts degrees to radians and returns an NSNumber object:</p> <pre><code>CGFloat DegreesToRadians(CGFloat degrees) { return degrees * M_PI / 180; } NSNumber* DegreesToNumber(CGFloat degrees) { return [NSNumber numberWithFloat: DegreesToRadians(degrees)]; } </code></pre> <p>There are lots of articles on the web about Core Animation, but this should get you started. Let me know if you need clarification.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload