图像缩放的正确变换

Question

我正在为 android 编写一个应用程序（尽管我认为这是一个通用问题），我需要显示一个可以滚动和缩放的大图像（在 ImageView 中）。我已经成功地通过捕获触摸事件和执行矩阵转换来实现滚动工作，现在我正在研究缩放。

如果我简单地对图像应用缩放变换，它会在原点（屏幕的左上角）处放大。我想放大屏幕中央。 根据我的阅读，这意味着我需要进行转换以使原点成为屏幕的中心。我认为所需要的类似于以下内容 - 为简单起见，假设屏幕中心是 (5, 5)...

- 翻译 (-5, -5)
-按缩放系数缩放
-按 (+5, +5)*缩放系数翻译 不幸的是

，这似乎不起作用——变焦似乎可以去任何地方，除了中心……有人可以帮我吗？

编辑：这是现在有效的代码

    Matrix zoommatrix = new Matrix();
    float[] centerpoint = {targetimageview.getWidth()/2.0f, targetimageview.getHeight()/2.0f};

    zoommatrix.postScale(zoomfactor, zoomfactor, centerpoint[0], centerpoint[1]);
    zoommatrix.preConcat(targetimageview.getImageMatrix());

    targetimageview.setImageMatrix(zoommatrix);
    targetimageview.invalidate();

Answer 1

检查Android源代码的Camera应用程序中的ImageViewTouchBase；它的“zoomTo”方法是这样做的：

protected void zoomTo(float scale, float centerX, float centerY) {
    if (scale > mMaxZoom) {
        scale = mMaxZoom;
    }

    float oldScale = getScale();
    float deltaScale = scale / oldScale;

    mSuppMatrix.postScale(deltaScale, deltaScale, centerX, centerY);
    setImageMatrix(getImageViewMatrix());
    center(true, true);
}

那个中心方法可能是你真正关心的：

    protected void center(boolean horizontal, boolean vertical) {
    if (mBitmapDisplayed.getBitmap() == null) {
        return;
    }

    Matrix m = getImageViewMatrix();

    RectF rect = new RectF(0, 0,
            mBitmapDisplayed.getBitmap().getWidth(),
            mBitmapDisplayed.getBitmap().getHeight());

    m.mapRect(rect);

    float height = rect.height();
    float width  = rect.width();

    float deltaX = 0, deltaY = 0;

    if (vertical) {
        int viewHeight = getHeight();
        if (height < viewHeight) {
            deltaY = (viewHeight - height) / 2 - rect.top;
        } else if (rect.top > 0) {
            deltaY = -rect.top;
        } else if (rect.bottom < viewHeight) {
            deltaY = getHeight() - rect.bottom;
        }
    }

    if (horizontal) {
        int viewWidth = getWidth();
        if (width < viewWidth) {
            deltaX = (viewWidth - width) / 2 - rect.left;
        } else if (rect.left > 0) {
            deltaX = -rect.left;
        } else if (rect.right < viewWidth) {
            deltaX = viewWidth - rect.right;
        }
    }

    postTranslate(deltaX, deltaY);
    setImageMatrix(getImageViewMatrix());
}