Radiotelephone functionality as shown on the Where? Appendix page

Direct question. I am trying to understand UI design more and how to make it work with code. Specifically, there was once an app that went through multiple design sessions called Where To? Tap Tap Tap. They had a table that they turned into a radio, screenshot:

"Where To" screenshot http://www.taptaptap.com/blog/media/the-easy-way-to-get-into-the-iphone-app-game/WhereToSmall.png

My question is, are these no more than 22 or so images, with different states, stacked on top of a UIView? Is each UIImageView a button? How could you put together something like this? I would like a tutorial on how to programmatically turn images into real actions. If you have a book or blog describing the process, this would be the perfect answer for me.

Any insight on how this is done?

+1


source to share


1 answer


I actually think this is one image that has a layer rotated in response to touch events and then calculates which button is active based on the radial distance from its original position. It's not terribly complicated code (changing the touchpad left or right and turning in response, changing the hittest method to estimate radial deltas), but there's more math than I can do with up to six cups of coffee.



+1


source







All Articles