Rotary dial knob control example

Here is an example of a rotary knob style control similar to that of a volume or mixer control. With this control, the inner image is rotated around its' center axis and in this case, the angular position is calculated and displayed. Touch and motion events are tracked and resolved to a rotation angle using trigonometry in Lua script and used to dynamically reposition the image.

It should be simple to replace the images with an alternative design as needed however be careful to set the alignment properties of the images to be horizontal centre-vertical centre, Rotaion-'Rotate around center of control' otherwise the image is rendered incorrectly on movement.

The artwork itself was generated using and imported from Photoshop.

This is a complete Storyboard project saved as an archive file. To import this to your workspace select File->Import->Projects from Folder or Archive->Archive then browse to the zip file, open and import the Eclipse project.

Project archive download link

Garry

0

Comments

5 comments
  • Hello Jamie!

    This file doesn't exists. Could you share it again please?

    0
  • Hi Humberto,

    We are currently updating links. I sent you an email with the archive.

    Thanks,

    -Jamie

    0
  • Hi Jamie,
    Are you able to update the above link or email the example?

    Thanks,
    Tom

    0
  • Hi Tom,

    I just tested that link and it is working for myself and a colleague. Can you quickly double check.

    Thanks,

    -Jamie

    0
  • Hi Jamie,

    Yeah appears to be working now, thanks.

    Regards,
    Tom

    0

Please sign in to leave a comment.

Didn't find what you were looking for?

New post