Flip-Clock Animation Tutorial

[justdan0227]

Does anyone have a snippet of code that would simulate the animation of a UIImage (aka digits of a flip clock) without having to provide an array of flip animation images using Core Animation?

[gerardoqm]

Here is a good one, I was looking for the same effect for one of my apps. Hope it helps !!!

Creating an iPad flip-clock with Core Animation

[SundialSoft]

Originally Posted by justdan0227

Does anyone have a snippet of code that would simulate the animation of a UIImage (aka digits of a flip clock) without having to provide an array of flip animation images using Core Animation?

The method mentioned in the first reply is very nice. I have used a different approach as the other method is beyond my current knowledge and the chap did not provide enough source to make it all clear. I have the static clock face images for each number and I build a small array of frames using code I got from a web sample to draw the image in a smaller frame using a rect. I found that 5 frames was enough to get a good effect. The hardest part was working out how to get the bottom flip animating after the top flip. I ended up using a timer as the setAnimationDidStopSelector approach which works for UIViews does not work for UIImageviews (or at least I could not get it to work). My guess is that the other method is more elegant but I have mine working now so I will stick with it.

[gerardoqm]

Could you share the coded/project you used to animate in that way (5 frames per number change)??

[yguler]

Originally Posted by gerardoqm

Could you share the coded/project you used to animate in that way (5 frames per number change)??

check this site it will help


LostoClockViewController.m - idharmaclock - Project Hosting on Google CodeLostoClockViewController.m - idharmaclock - Project Hosting on Google Code

[SundialSoft]

Originally Posted by gerardoqm

Could you share the coded/project you used to animate in that way (5 frames per number change)??

Sorry for the late reply. Christmas, new year etc got in the way. Yes I can put up a code snippet (when I get to my Mac) but my code is not perfect as I'm new to objective C & XCode. I take one image & make 5 shrunken versions of it at different stages of the flip.

The other methods which take a single image & transform it produce much smaller code & I'm re-coding my flip clock to work that way to see which I prefer. Performance & memory leak avoidance are the important things to me.

The link to the russian? example shows code which concatenates transforms so it's worth looking at.

Cheers

Ian

[SundialSoft]

Believe it or not I have only just debugged my code to the point where I would not be doing damage to others by releasing a snippet. If anyone still wants to know this approach let me know. I use images of the flip clock numbers (originals from a web post of a java flip clock) and for each flip I create 5 frames for the top half, five for the bottom half, plus the images in back which reveal the next number. Being new to ios I had to learn memory management & debugging in xcode to the point where I could remove rampant memory syndrome from my app. I can post a snippet of the whole bit that shrinks the images but not the whole app as it's not just a flip clock.

ps: I prefer my approach as it allows for more than one set of images so changing the look of the clock.

[doudou974]

Originally Posted by SundialSoft

Sorry for the late reply. Christmas, new year etc got in the way. Yes I can put up a code snippet (when I get to my Mac) but my code is not perfect as I'm new to objective C & XCode. I take one image & make 5 shrunken versions of it at different stages of the flip.

The other methods which take a single image & transform it produce much smaller code & I'm re-coding my flip clock to work that way to see which I prefer. Performance & memory leak avoidance are the important things to me.

The link to the russian? example shows code which concatenates transforms so it's worth looking at.

Cheers

Ian

Hi, I'm very interesting about your method, do you have a sample project to share?
Thanks,