Android，如何围绕固定点旋转箭头（图像）？

Question

我有一个箭头图像，我想从 0 度旋转到 180 度（就像一米中的针一样）。箭头的一个点固定在屏幕的中间和底部，箭头头应该移动。箭头的长度是固定的（它是图像）。我还有两个按钮，我希望箭头在触摸左侧按钮时向左转，在触摸右侧按钮时向右转。

这个过程的逻辑是什么？

Answer 1

如果您使用画布进行绘图（就像您的情况一样），这实际上非常简单。

鉴于您知道图像应围绕其旋转的点的坐标，您可以这样做：

private void doDraw(Canvas canvas) {
canvas.save();
float px = ...;
float py = ...;
canvas.rotate(degrees, px, py);
arrow.draw(canvas);
canvas.restore();
}

度数将是一个整数值，当用户单击 L 或 R 按钮时，该值会递增/递减。 canvas.rotate 会处理剩下的事情！

Answer 2

你必须在android中使用3d旋转来处理可能的动画，并尝试使用矩阵旋转......我有这方面的位图代码......

Bitmap bmp=BitmapFactory.decodeResource(getResources(), R.drawable.bar);
                Matrix mtx = new Matrix();
  mtx.postRotate(180);   // rotating 180 degrees clockwise
  Bitmap rotatedBMP = Bitmap.createBitmap(bmp, 0, 0, bmp.getWidth() ,bmp.getHeight() , mtx, true);  // creating the bitmap image with new angle

也检查这个

http://developer.android.com/resources/samples/ApiDemos/src/com/example/android/apis/animation/Rotate3dAnimation.html

Answer 3

所以有简短的答案和长的答案。

简而言之，位图和画布的旋转是一个常见功能，通常称为“旋转”，并且通常以旋转点为中心。

更长的答案是，所有 2D 和 3D 图形都会转化为矩阵代数的技巧。对于每个点：
新_x = 因子_1 * 旧_x + 因子_2 * 旧_y + 因子_3
...

这些因素在矩阵中发挥得非常好，这就是矩阵如此受欢迎的原因。有一个很酷的技巧，可以将变换链接在一起，因此您可以将问题表述为“拿起旧画布，移动它，使触摸点成为原点，旋转它，然后移动它，使原点回到原点”触摸的点。”或者 Matrix m = new Matrix().postTranslate(-touch_x, -touch_y).postRotate(360/20).postTranslate(touch_x, touch_y) 每次将其旋转 1/20 圆。然后将矩阵传递给任何采用“变换”矩阵的函数。

最酷的是，您只需对该矩阵执行一次所有计算，然后对每个点使用相同的 4 次乘法和一堆加法。事实上，这种情况非常常见，视频卡和英特尔指令集都在硬件中执行此操作。您也可以将结果图像再次乘以相同的矩阵以获得下一个图像。

现在，如果您真的要求图形黑客如何在没有内存的情况下在一些非常快的汇编代码中执行此操作，那么技巧就是将旋转和错误挑选到不需要缓冲区的小链中。例如，一个简单的 90 度旋转首先会交换四个角，然后交换（左上 + 1 左进入右上 + 1 下进入右下 - 1 左进入左下 - 1 下，这返回左上角 + 1)。这些技巧通常只对内存限制有用。

信息太多了。告诉我们更多有关您的问题的信息。

Answer 4

ImageView arrow = findViewById(/* id of your arrow */);
int width = arrow.getWidth();
int height = arrow.getHeight();
newAngle = /* init it by needed angle */;
RotateAnimation animation = new RotateAnimation(oldAngle, newAngle, width / 2, height);
oldAngle = newAngle;
animation.setDuration(200); // you may  set another duration
animation.setFillAfter(true);
arrow.startAnimation(animation);

祝你好运！

Answer 5

我看到这个示例和我或多或少适应了您需要的工作，请参阅示例以更好地理解我的代码:)

---

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.os.Bundle;
import android.widget.ImageView;
import android.widget.SeekBar;

public class TesteRotateActivity extends Activity implements
    SeekBar.OnSeekBarChangeListener {

private ImageView myImageView;
private SeekBar seekbarRotate;
private float curScale = 1F;
private float curRotate = 0F;
private Bitmap bitmap;
private int bmpHeight;

/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    myImageView = (ImageView) findViewById(R.id.imageview);
    seekbarRotate = (SeekBar) findViewById(R.id.rotate);
    bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.teste);//here you insert your image
    bmpHeight = bitmap.getHeight();
    drawMatrix();
    seekbarRotate.setOnSeekBarChangeListener(this);
}

private void drawMatrix() {
    Matrix matrix = new Matrix();
    Matrix matrixb = new Matrix();
    Matrix matrixc = new Matrix();
    matrix.postScale(curScale, curScale);
    matrixb.setRotate(curRotate, 100, bmpHeight);
    matrixc.setTranslate(100, 0);
    matrix.setConcat(matrixb, matrixc);
    Bitmap targetBitmap = Bitmap.createBitmap(200, bmpHeight,
            bitmap.getConfig());
    Canvas canvas = new Canvas(targetBitmap);
    canvas.drawBitmap(bitmap, matrix, new Paint());
    myImageView.setImageBitmap(targetBitmap);
}

@Override
public void onProgressChanged(SeekBar seekBar, int progress,
        boolean fromUser) {
    curRotate = (float) progress;
    drawMatrix();
}

@Override
public void onStartTrackingTouch(SeekBar seekBar) {
}

@Override
public void onStopTrackingTouch(SeekBar seekBar) {
}

}

main 的 xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="@string/app_name" />

<SeekBar
    android:id="@+id/rotate"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_margin="5px"
    android:max="360"
    android:progress="0" />

<ImageView
    android:id="@+id/imageview"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:scaleType="center" />

</LinearLayout>