画布绘图和居中缩放

Question

我正在使用 Google 教程为我的画布实现缩放功能。我正在画布上绘制多个项目，并且可以通过 Canvas.translate(dx,dy) 将其与项目一起移动。为了让我确定画布平移后是否触摸了这些项目，我采用了用于 Canvas.translate(dx,dy) 的画布偏移量并减去触摸位置。一旦我在图片中引入缩放，它就会变得有点棘手。如果我使用 Canvas.scale(sx,sy) 并执行 (touchX-offsetX)/scaleFactor ，则缩放后触摸位置的转换效果完美。但是，如果包含枢轴位置 Canvas.scale(sx,sy,px,py) 上面的代码将不起作用。作为触摸翻译的一部分，我该如何考虑枢轴位置？我通过执行以下操作来设置我的枢轴位置，

    public boolean onScaleBegin(ScaleGestureDetector detector) {
    mScaleX = detector.getFocusX();
    mScaleY = detector.getFocusY();
    return true;
}

任何帮助将不胜感激。

Answer 1

简单的解决方案

 public class ScalableImageView extends View {
    Matrix drawMatrix = new Matrix();
    ScaleGestureDetector detector;
    public ScalableImageView(Context context, AttributeSet attrs) { 
         @Override
        public boolean onScale(ScaleGestureDetector detector) {

            drawMatrix.postScale(detector.getScaleFactor(), detector.getScaleFactor(), detector.getFocusX(), detector.getFocusY());
            invalidate();
            return true;
        }

        @Override
        public boolean onScaleBegin(ScaleGestureDetector detector) {
            return drawMatrix != null;
        }

        @Override
        public void onScaleEnd(ScaleGestureDetector detector) {

        }
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        canvas.save();
        canvas.concat(drawMatrix);
        // ... draw here
        // for example drawable.draw()
        canvas.restore();
    }

}

}