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

时间:2015-09-15 12:36:28

标签: android imageview ontouchlistener ontouchevent

我有一个想要旋转,缩放和缩小或向上的图像视图,并在用户触摸时拖动。到目前为止,所有事情都是完美无缺的。

我已经按照this代码和其他代码来获得最佳结果。现在我希望拖动,移动,缩放和旋转的图像应与父母底部对齐。但是当我将比例类型应用于矩阵时,屏幕启动时图像会显示在屏幕的左上角。这里是这段代码的一部分,你也可以查看我分享的链接,那个人也使用矩阵作为比例类型。

<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"
            />

如果我将矩阵作为比例类型移除它,但它在中心但不在底部。当我触摸图像视图时,它看起来像矩阵被应用,图片闪烁一个尖锐的时刻,并再次来到我们触摸的地方。

由于我认为在代码中设置的矩阵导致的闪烁i,我认为图像试图转到屏幕的左上角但是在我们点击的位置下降。

这是触摸中的部分

@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);   因此,如果我对它进行评论,那么图像视图无法移动旋转或执行任何操作。

所以我应该在这种情况下做什么?如何将其设置在屏幕的底部,当用户触摸它时,他可以将它带到他想要的任何地方。请告诉我一个方法。

1 个答案:

答案 0 :(得分:1)

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

查看更多信息here