web-dev-qa-db-ja.com

回転ホイールコントロールを作成する方法

以下に表示されている画像のように、Androidに回転ホイールを実装しようとしています。 link からチュートリアルに出会いました=。しかし、私は下の画像に示すように実装したいと思います。ホイールは個々の画像で構成されています。この実装について誰かが何か考えを持っていますか？任意の助けいただければ幸いです。

enter image description here

前もって感謝します。

アカシュ

androidanimationrotationandroid-animationimage-rotation
20
AkashG

つまり、3つのイベントを取得したimageViewのOnTouchListenerに適用されます。

  1. MotionEvent.ACTION_DOWN、
  2. MotionEvent.ACTION_MOVE＆
  3. MotionEvent.ACTION_UP。

MotionEvent.ACTION_DOWNでは、ユーザーがタッチする角度を取得し、MotionEvent.ACTION_UPでは、ユーザーがリリースする角度を取得します。

2つの角度の差を取得した後、その角度のイメージを回転させました。

画像を回転させた後、象限を角度でチェックし、象限に従って増分されたint変数を維持し、条件を満たすことで新しい画像（目的の画像）を設定しました。

Int変数の値に従ってクリックイベントを維持しました。

2
AkashG

これを最初から行うには、タッチ座標を極座標に変換する方法（回転角度を取得する方法）が必要です。これは次のように簡単に行うことができます：

private float cartesianToPolar(float x, float y) {
  return (float) -Math.toDegrees(Math.atan2(x - 0.5f, y - 0.5f));
}

Imageview、またはノブの表示に使用している要素を回転させるには、次のようなマトリックスを使用できます。

Matrix matrix=new Matrix();
ivRotor.setScaleType(ScaleType.MATRIX);   
matrix.postRotate((float) deg, m_nWidth/2, m_nHeight/2);//getWidth()/2, getHeight()/2);
ivRotor.setImageMatrix(matrix);

ここで、degは角度、ivRoborはノブのimageviewです。

Androidの完全な動作するサンプルは、Googleコードの次の場所で入手できます https://code.google.com/p/Android-rotaryknob-view/

2
radhoo

これの完全なコードは次のとおりです。

import Android.animation.ObjectAnimator;
import Android.app.Activity;
import Android.graphics.Bitmap;
import Android.graphics.BitmapFactory;
import Android.graphics.Color;
import Android.graphics.drawable.ColorDrawable;
import Android.os.Bundle;
import Android.graphics.Matrix;
import Android.view.View;
import Android.view.animation.Animation;
import Android.view.animation.LinearInterpolator;
import Android.view.animation.RotateAnimation;
import Android.widget.Button;
import Android.widget.ImageView;
import Android.widget.Toast;

import Java.util.Random;

public class MainActivity extends Activity{
//  Button rotate;
ImageView i;
ImageView ii;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    i= (ImageView) findViewById(R.id.i);
    i.setImageResource(R.drawable.gg);
    ii= (ImageView) findViewById(R.id.ii);
    ii.setImageResource(R.drawable.gg);

    // i.setBackgroundColor(Color.rgb(255, 255, 255));
}

public void ii(View v)
{

    RotateAnimation rotate =
            //new RotateAnimation(0f,generateRandomNumber(),55f,55f);
            new RotateAnimation(0, generateRandomNumber(), 
Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

    rotate.setDuration(1500);
    rotate.setInterpolator(new LinearInterpolator());
    i.startAnimation(rotate);
    i.setRotation(generateRandomNumber());
    RotateAnimation rotate1 =
            //new RotateAnimation(0f,generateRandomNumber(),55f,55f);
            new RotateAnimation(0, 999999999, Animation.RELATIVE_TO_SELF, 
 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
    rotate1.setDuration(99999);

    rotate1.setInterpolator(new LinearInterpolator());
    // i= (ImageView) findViewById(R.id.i);
    //     i.setImageResource(R.drawable.g);

    ii.startAnimation(rotate1);

/*i= (ImageView) findViewById(R.id.i);
    i.setImageResource(R.drawable.g);
    ObjectAnimator animator = ObjectAnimator.ofFloat(i,"rotationY", 360f);
    animator.setDuration(1000);
    animator.start();
 */

   /* Matrix matrix = new Matrix();
   i.setScaleType(ImageView.ScaleType.CENTER_INSIDE);   //required
    matrix.postRotate(generateRandomNumber());
  i.setImageMatrix(matrix);
 */




   /* Matrix matrix = new Matrix();
    Bitmap bMap = BitmapFactory.decodeResource(getResources(), 
 R.drawable.g);
   matrix.postRotate(generateRandomNumber());

    Bitmap bMapRotate = Bitmap.createBitmap(bMap, 0, 
 0,bMap.getWidth(),bMap.getHeight(), matrix, true);
    i.setImageBitmap(bMapRotate);*/
}


public float generateRandomNumber() {

    Random Rand = new Random();
    int randomNum = Rand.nextInt((10000000 - 125000) + 1);

    return (float)randomNum;
}



int backpressed=0;
@Override
public void onBackPressed() {
    backpressed++;
    if(backpressed>1)
    {
        super.onBackPressed();
        finish();
    }
    else
    {
        Toast.makeText(this, "Press back again to exit", 
  Toast.LENGTH_LONG).show();
        new Thread(new Runnable() {
            @Override
            public void run() {
                try{
                    Thread.sleep(2000);}
                catch (Exception e)
                {
                    e.printStackTrace();
                }
                backpressed=0;
            }
        });
    }
}
}

ここにXMLがあります：

tools:context=".MainActivity">
<TextView
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:text=".............."
    Android:textColor="#00ff10"
    Android:textStyle="bold"
    Android:textSize="25dp"
    Android:layout_gravity="center"/>
<ImageView
    Android:layout_width="200dp"
    Android:layout_height="80dp"
    Android:layout_gravity="center"
    Android:src="@drawable/a"

    />
<ImageView
    Android:layout_width="300dp"
    Android:layout_height="300dp"
    Android:layout_gravity="center"
    Android:id="@+id/i"

    />
<DigitalClock
    Android:layout_width="100dp"
    Android:layout_height="50dp"
    Android:layout_gravity="center"/>
<Button
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:text="Play"
    Android:backgroundTint="#ff0044"
    Android:id="@+id/rotate"
    Android:layout_gravity="center"
    Android:onClick="ii"/>
<TextView
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:text="powered by ashwani"
    Android:textColor="#00ff10"
    Android:textStyle="bold"
    Android:layout_gravity="center"/>
<ImageView
    Android:layout_width="50dp"
    Android:layout_height="50dp"
    Android:layout_gravity="center"
    Android:id="@+id/ii"

    />
0
Ashwani