How To Create a Rotating Wheel Control?

android animation rotation android-animation image-rotation
AkashG picture AkashG · Apr 19, 2012 · Viewed 30.7k times · Source

I am trying to implement the Rotatory wheel in android, just like the image displayed below.I came across the tutorial from this link. But i want to implement just as shown in the below image.The wheel consists of individual images.Does anybody have any idea regarding this implementation?? Any help would be appreciated.

enter image description here

Thanks in advance.

Akash

Answer

AkashG picture AkashG · Jul 5, 2012

Applied on OnTouchListener on the imageView through which i got three events namely:

  1. MotionEvent.ACTION_DOWN,
  2. MotionEvent.ACTION_MOVE &
  3. MotionEvent.ACTION_UP.

On MotionEvent.ACTION_DOWN got the angle where the users touches and on MotionEvent.ACTION_UP got the angle where user releases.

After getting difference of the two angles,rotated the image of that angle.

After rotating the image checked the quadrant through angle and maintained int variable which incremented according to the quadrant and by fulfilling the condition set the new image(the desired one).

Maintained the click event according to the value of the int variable.

Related questions

Rotating image. Animation list or animated rotate? (Android)

I want to create a rotating progress image, and wonder what's the best way to proceed. I can make it work with an animation list with for example 12 images changing every 100ms. This works fine, but it's quite tedious to …

Read More
How to spin an android icon on its center point?

I have written the following to spin my icon on the center of the screen and instead it rotates around the upper-left corner (i.e., origin x=0, y=0 of the ImageView). It should be simple to set some attributes of …

Read More
How to increase the rotation speed in android?

I have an image drawable. i rotating the image like a progress bar. <rotate xmlns:android="http://schemas.android.com/apk/res/android" android:pivotX="50%" android:pivotY="50%" android:fromDegrees="0" android:toDegrees="360" android:drawable="@drawable/spinner_white_48" /> i want …

Read More