Question

currently I´m working on an App where I like to implement a nice “flip-clock”-animation for numbers (like this: http://www.youtube.com/watch?v=dKhsn-qrEZY).

It is realy hard to find a resource for an animation like this one I´m looking for. One of the best I found was this one: http://www.voyce.com/index.php/2010/04/10/creating-an-ipad-flip-clock-with-core-animation/

But I´m not very trusted with CoreAnimation. So it is hard to dive into the article I found.
The article didnt describe all pieces in detail. As consequence (for me ;))the problem is that I have no idea where I have to start…

Did anyone know a good article / resource / place where I can find a better explained solution for such an animation?
Or can someone help me to understand this article better?

Thank you!

Answer 1

You can apply a 3D transform on a UIView layer to rotate about any of the axis (or combination)…

CATransform3DMakeRotation(<#CGFloat angle#>, <#CGFloat x#>, <#CGFloat y#>, <#CGFloat z#>)

This will rotate the view it is applied to by the angle (given in radians).. specify either 0 or 1 for the x, y and z values to decided whether or not to apply the angle rotation to that axis.

Now of course you can animate this transform by creating a normal UIVIew beginAnimations block, setting the transform and commiting the animation block.

To set the transform, use [myView.layer setTransform:myTransform];