How to make view like in the image attached?

Question

I want to implement the UI feature as in the image attached. The image is an screen shot form a Siemens App that is in App store. Here the bright portion can be rotated like wheel. I have gone through the link

http://www.raywenderlich.com/9864/how-to-create-a-rotating-wheel-control-with-uikit.

but I am not able to implement the feature as in image.

Following is the link to download the Siemens app.

http://itunes.apple.com/us/app/siemens/id452698392?mt=8

Answer 1

The simplest approach I can think of is to use two images. One would have the green and white detail display and one would be gray with a slight circular gradient, a lot of transparency, and a fully transparent segment.

The gray image would go on top and handle touch movement by rotating and taps according to its last stop position.