views:

34

answers:

2

Any ideas how to go about creating an UI like the one used by the Evernote application where a notebook is represented with a stack of untidy notes under it.

I don't need the code (i wont refuse it :) ), just pointers in how to approach this sort of UI.

In case you are not familiar with the evernote application, here is a link to the UI i am talking about - http://www.businessmobile.fr/actualites/9-applications-gratuites-pour-l-ipad-a-installer-en-priorite-39752166.htm?p=3

thanks in advance

A: 

If the stacks don't animate at all, you could look at using Core Graphics to manipulate and create your stack images, then caching them. Otherwise, you'd want to use either Core Animation or OpenGL to composite images on the GPU.

Tobias Cohen
Nope - I dont want to animate the stacks. Would it be better to simply create a png that give a look like a stack and then superimpose content on it ?
zecougar
@zecougar Yes. If you know your way around Photoshop, making an image should be way faster than a programmatic solution.
Jon Rodriguez
A: 

You could try compositing the CALayers as sublayers of a container CALayer with small random changes to the rotation and origin.

See the docs for CALayer particularly the transform property.

Warren Burton