当 ScaleType 为矩阵时，如何将图像设置为与父级对齐

Question

我有一个图像视图，我想旋转、缩放和缩小或放大并拖动用户触摸。到目前为止，一切都在以良好的方式完美地工作。

我遵循了 this 代码和一些其他代码以获得最佳结果。现在我希望要拖动、移动、缩放和旋转的图像应该与父级底部对齐。但是当我将比例类型应用到矩阵时，图像会在屏幕启动时显示在屏幕的左上角。这是此代码的一部分，您还可以查看我分享的 link，那个人也使用矩阵作为比例类型。

<ImageView
            android:id="@+id/iv_overlay"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_alignParentBottom="true"
            android:src="@drawable/groom01"
            android:scaleType="matrix"
            />

如果我删除矩阵作为比例类型，它会下降但在中心但不在底部。当我触摸图像视图时，它看起来像应用了矩阵，图片闪烁了一个尖锐的瞬间，然后再次出现在我们触摸的地方。

由于我相信矩阵也在代码中设置而导致的闪烁，我认为图像试图转到屏幕的左上角，但在我们单击的位置下降了。

这里是触摸部分

@Override
    public boolean onTouch(View v, MotionEvent event) {

        ImageView view = (ImageView) v;

        view.setScaleType(ImageView.ScaleType.MATRIX);

        float scale;

        // Dump touch event to log
       // dumpEvent(event1);

        // Handle touch events here...
        switch (event.getAction() & MotionEvent.ACTION_MASK) {
            case MotionEvent.ACTION_DOWN: //first finger down only
                savedMatrix.set(matrix);
                start.set(event.getX(), event.getY());
                Log.d(TAG, "mode=DRAG" );
                mode = DRAG;
                break;

            case MotionEvent.ACTION_POINTER_DOWN:
                oldDist = spacing(event);
                if (oldDist > 10f) {
                    savedMatrix.set(matrix);
                    midPoint(mid, event);
                    mode = ZOOM;
                }
                lastEvent = new float[4];
                lastEvent[0] = event.getX(0);
                lastEvent[1] = event.getX(1);
                lastEvent[2] = event.getY(0);
                lastEvent[3] = event.getY(1);
                d = rotation(event);
                break;

            case MotionEvent.ACTION_UP: //first finger lifted
            case MotionEvent.ACTION_POINTER_UP: //second finger lifted
                mode = NONE;
                Log.d(TAG, "mode=NONE" );
                break;


            case MotionEvent.ACTION_MOVE:
                if (mode == DRAG) {
                    toggleSaveButtonState();
                    // ...
                    matrix.set(savedMatrix);
//                    matrix.postTranslate(event.getX() - start.x, event.getY()
//                            - start.y);

                    matrix.getValues(matrixValues);
                    matrixX = matrixValues[2];
                    matrixY = matrixValues[5];
                    width = matrixValues[0] * (((view).getDrawable()
                            .getIntrinsicWidth() / 2));
                    height = matrixValues[4] * (((view).getDrawable()
                            .getIntrinsicHeight() / 2));

                    dx = event.getX() - start.x;
                    dy = event.getY() - start.y;
                    float newX = event.getX() - start.x;
                    Log.v("bounds out", "matrixsX=" + matrixX+ " dx" + dx);
                            //if image will go outside left bound
                    if (matrixX + dx < 0-width){
                        dx = -matrixX-width;


                        Log.v("bounds", "matrixsX=" + matrixX + " dx" + dx + " width" + width + "image width  = " + view.getWidth()/2);
//                        if (dx != -0.0) {
//
//                            //  dx=(float)-0.0;
//                        }}
                         }
                    //if image will go outside right bound
                    if (matrixX + dx + width > view.getWidth()) {
                        dx = view.getWidth() - matrixX - width;

                        Log.v("bounds", "matrixsX=" + matrixX + " dx" + dx + " width" + width + "image width  = " + view.getWidth());
                    }
                    //if image will go oustside top bound
                    if (matrixY + dy < 0) {
                        dy = -matrixY;

                    }
                    //if image will go outside bottom bound
                    if (matrixY + dy + height > view.getHeight()) {
                        dy = view.getHeight() - matrixY - height;

                    }
                    matrix.postTranslate(dx, dy);

                } else if (mode == ZOOM && event.getPointerCount() == 2) {
                    float newDist = spacing(event);
                    matrix.set(savedMatrix);
                    if (newDist > 10f) {
                        scale = newDist / oldDist;
                        float[] values = new float[9];
                        matrix.getValues(values);
                        float currentScale = values[Matrix.MSCALE_X];
                        if (scale * currentScale > MAX_ZOOM) {
                            scale = MAX_ZOOM / currentScale;
                        }
                        else if (scale * currentScale < MIN_ZOOM)
                        {   scale = MIN_ZOOM / currentScale;}

                        matrix.postScale(scale, scale, mid.x, mid.y);
                    }
                    if (lastEvent != null) {
                        newRot = rotation(event);
                        float r = newRot - d;
                        matrix.postRotate(r, view.getMeasuredWidth() / 2,
                                view.getMeasuredHeight() / 2);
                    }
                }
                break;

        }

可以看到第二行是

view.setScaleType(ImageView.ScaleType.MATRIX); so if I do comment it , then Image view is unable to move rotate or to do anything.

那么在这种情况下我应该做什么？我怎样才能将它设置到屏幕底部，当用户触摸它时，他可以将它带到他想要的任何地方。请告诉我一种方法。

Answer 1

加载图像后，只需使用 matrix.postTranslate(leftOffset, topOffset); 初始移动图像。

查看更多信息

当 ScaleType 为矩阵时，如何将图像设置为与父级对齐

How to set Image align to parent when ScaleType is matrix

android

imageview

ontouchlistener

touch-event