Keyframe View Animations
A project that demonstrates a number of iOS animation techniques. You can download the working Xcode project for this article from Github at this link: KeyframeViewAnimations
Animating a view/layer along a curved path using 2 different types of keyframe animation:
Using the new UIView animation method
- Using a CAKeyframeAnimation with an array of position values.
Rotating a view/layer > 180º
animating the view’s transform using a
CAValueFunction of type “kCAValueFunctionRotateZ”.
Pausing and resuming an “in flight” animation on a layer.
All of the animations in this demo can be paused by clicking a pause/continue button, stopped with a stop button, or “scrubbed” back and forth along their timeline by dragging on a slider.
This works for
UIView animations as well as animations you create using
CAAnimation objects. It works because
UIView aniamtions create
CAAnimation objects “under the covers” to perform the requested animation.
This is done by manipulating the layer’s
Sleuthing the animations created by UIView animation methods
It’s possible to watch the animations that iOS creates when you use
UIView animation methods like
animateKeyframesWithDuration:delay:options:animations:completion:. Take a look at this article on sleuthing uiview animations.