How to make rotating menu selections
opie2k1
Member, PRO Posts: 36
I am looking to do something similar to the UI on the iPhone when you set the time for an appointment. You have a spinning "wheel" of choices with the center highlighted and the user swipes up or down to move the "wheel" till their choice is in the highlight. Has anyone done this? Is there a tutorial or template out there I can see/buy? I don't think it'd be all that hard, but I also don't want to reinvent the wheel.
thanks,
Shawn
thanks,
Shawn
Comments
http://www.deepblueapps.com/rotating-menu-template/
Darren.
I think he means more like this:
Shouldn't be too hard, a bit of 'sin' and some vertical scaling.
Just noticed that Apple don't scale their type as if on a cylinder (see image below - all type is the same height), which makes life much more easy . . . .so with that in mind I will give this a quick go:
Anything else and he's stolen the code
Here's a quick rough idea, you'd need to decide how you want the selections to lock to the centre (up/down buttons?) as well as playing around with the images to get a more convincing 'barrel' effect + a nice clicking sound wouldn't go amiss, but this should give you a basic idea to start from.
(Also, for this kind of quick and easy set up to work you would have to have this scroll wheel as the bottom layer of a menu - as it has a couple of 'blanking panels' hiding the text list - hope that makes sense.)
http://www.mediafire.com/?g6atp2l8yr6t7qe
Took a look at the demo, bit of a problem in your otherwise rule .. Its all focused to the X velocity and not the Y
I guess if you wanted to take this one step further, you could combine your masking techniques with a vertical coverflow, no growth on the individual slats but you could then combine a snap to middle function to always straighten out the scroll upon its slow down.