如何在Android中围绕图像中心平滑地旋转位图而不产生振荡运动

Question

我想根据用户点击将位图图像旋转10度。跟着无数的stackoverflow和google answers，我尝试了矩阵旋转的各种组合。

然而，图像并没有真正像预期的那样旋转，并给出了一个关于画布中心旋转振荡的抖动视图。为了测试，每次调用object的draw方法时，我都将旋转角度增加10度(而不是点击)。图像是一个对称的圆[64x64包围矩形]，我希望它像轮子一样绕着自己的中心在屏幕中心旋转，但它旋转并向右下方对角移动，然后以振荡的方式回到屏幕中心。

 public void draw(Canvas canvas) {
    Matrix matrix = new Matrix();

    rotation += 10;
    float px = this.viewWidth/2;
    float py = this.viewHeight/2;
    matrix.setRotate(rotation, bitmap.getWidth()/2, bitmap.getHeight()/2);
    Bitmap newbmp = Bitmap.createBitmap(bitmap, 0, 0, getImgWidth(), getImgHeight(), matrix, true);
    canvas.drawBitmap(newbmp, px - (getImgWidth()/2), py - (getImgHeight()/2), null);

 }

Answer 1

// x : x coordinate of image position
// y : y coordinate of image position
// w : width of canvas
// h : height of canvas
canvas.save();
canvas.rotate(angle, x + (w/2), y + (h/2));
canvas.drawBitmap(image, x, y, null);
canvas.restore();

步骤如下：

1. 保存现有画布
2. 围绕位图的中心旋转画布，您将以旋转角度在画布上绘制该位图。
3. 绘制图像
4. 恢复图像

Answer 2

您需要将位图转换为0,0点（或在0,0处绘制）并在那里旋转，然后将其转换回来，如下所示：

canvas.save();
    canvas.translate(this.viewWidth, this.viewHeight);
    canvas.rotate(rotation);
    canvas.drawBitmap(newbmp, -(getImgWidth()/2), -(getImgHeight()/2), null);
canvas.restore();

在这里，我用0，0的中心绘制它（我认为），因为当你旋转时，它大约是0，0，而不是人们想象的屏幕中心。如果将中心绘制在 0，0，则它将围绕位图的中心旋转。

如果我的代码没有完成在0，0处绘制位图中心，那么您可以更改我的代码以在中心绘制它，它将按您的要求工作。

希望这有帮助！

Answer 3

这里有一个例子。我把它分成三步。第一次平移移动位图，使其中心位于0,0，然后旋转，最后将位图中心移动到画布上所需的位置。您不需要第二个位图。

Matrix matrix = new Matrix();
rotation += 10;
float px = this.viewWidth/2;
float py = this.viewHeight/2;
matrix.postTranslate(-bitmap.getWidth()/2, -bitmap.getHeight()/2);
matrix.postRotate(rotation);
matrix.postTranslate(px, py);
canvas.drawBitmap(bitmap, matrix, null);

作为优化，在此方法之外创建一次矩阵，并用对< code>matrix.reset()的调用来替换创建的矩阵