Fatal编程技术网
  • android/
  • Android 正在更新托管可绘制对象的onTouchEvent ImageView类中的缩放参数

Android 正在更新托管可绘制对象的onTouchEvent ImageView类中的缩放参数

android matrix

Android 正在更新托管可绘制对象的onTouchEvent ImageView类中的缩放参数,android,matrix,imageview,drawable,touch-event,Android,Matrix,Imageview,Drawable,Touch Event,我能够使用一个StackOverflow用户创建的类来满足我的需要。 该类工作正常，但不包括滚动（垂直、水平）。I修改了下面的类，在MotionEvent.Action\u Up下面添加了代码，现在它提供了水平和垂直滚动我遇到的主要问题是缩放模式 如果仔细观察，缩放模式发生在MotionEvent.ACTION\u POINTER\u DOWN上： 逻辑是，它计算两个手指之间的距离，并通过中点法计算出它们之间的中点。缩放的中心必须在此中点。MotionEvent.ACTION\u POINTER

我能够使用一个StackOverflow用户创建的类来满足我的需要。 该类工作正常，但不包括滚动（垂直、水平）。I修改了下面的类，在MotionEvent.Action\u Up下面添加了代码，现在它提供了水平和垂直滚动我遇到的主要问题是缩放模式

如果仔细观察，缩放模式发生在MotionEvent.ACTION\u POINTER\u DOWN上： 逻辑是，它计算两个手指之间的距离，并通过中点法计算出它们之间的中点。缩放的中心必须在此中点。MotionEvent.ACTION\u POINTER\u DOWN下的代码负责 保存和缩放矩阵

这个类是一个ImageView，它承载一个可绘制的图形。图形绘制得很好，水平和垂直滚动现在已启用，但缩放会导致问题：当可绘制文件加载并尝试缩放时，效果很好，但如果之后尝试滚动，可绘制文件将在视图中丢失。同样地，当我先滚动然后缩放时，可绘制图形很快就会在视图中消失。看起来矩阵改变了ImageView坐标，因此中点不是我需要的缩放原点

在可绘制类onDraw（）中，我实现了以下逻辑：

canvas.save();

    GraphImage.translateX = GraphImage.translateX + MainActivity.keeper14;
    GraphImage.translateY = GraphImage.translateY + MainActivity.keeper15;

    canvas.translate(GraphImage.translateX, GraphImage.translateY);
    canvas.scale(GraphImage.main_scale, GraphImage.main_scale, MainActivity.middy.x , MainActivity.middy.y);

//do my draw calls here

MainActivity.keeper14 = GraphImage.translateX;
MainActivity.keeper15 = GraphImage.translateY;

canvas.restore();
如您所见，我使用ImageView onTouch方法中更新的值。 我认为问题可能在于矩阵与 scale（）和canvas.translate（）调用

这是ImageView类。顺便问一下，这个类中矩阵的用途是什么。它是否仅适用于ImageView，还是也适用于它所具有的可绘图功能？此外，我在这个视图中使用scaleType=Matrix

public class GraphImage extends android.support.v7.widget.AppCompatImageView {

Paint paint;
Context c;
int color;
Matrix matrix;
Matrix savedMatrix;
static final int NONE = 0;
static final int DRAG = 1;
static final int ZOOM = 2;
int mode = NONE;
static PointF start,mid;
float oldDist;
static float main_scale;
static float translateX,translateY;
String savedItemClicked;
String TAG = "Batman";
float mx , my, curX, curY;


public GraphImage(Context context, AttributeSet attrs) {
    super(context,attrs);
    //all the variables are init here
    setFocusable(true);

}


@Override
public boolean onTouchEvent(MotionEvent event) {

    dumpEvent(event);

    // Handle touch events here...
    switch (event.getAction() & MotionEvent.ACTION_MASK) {
        case MotionEvent.ACTION_DOWN:
            mx = event.getX();
            my = event.getY();
            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);
            Log.d(TAG, "oldDist=" + oldDist);
            if (oldDist > 10f) {
                savedMatrix.set(matrix);
                midPoint(MainActivity.middy, event);
                mode = ZOOM;
                Log.d(TAG, "mode=ZOOM");
            }
            break;
        case MotionEvent.ACTION_UP:
            curX = event.getX();
            curY = event.getY();
            matrix.set(savedMatrix);
            matrix.postTranslate(curX - mx, curY - my);
            translateX = curX - mx;//event.getX() - start.x;
            translateY = curY - my;//event.getY() - start.y;
            this.invalidateDrawable(this.getDrawable());
            break;
        case MotionEvent.ACTION_POINTER_UP:
            mode = NONE;
            Log.d(TAG, "mode=NONE");
            break;
        case MotionEvent.ACTION_MOVE:
            if (mode == DRAG) {                   

                // ...
                /*
                matrix.set(savedMatrix);
                matrix.postTranslate(event.getX() - start.x, event.getY()
                        - start.y);
                translateX = event.getX() - start.x;
                        translateY = event.getY() - start.y;
                                this.invalidateDrawable(this.getDrawable());
                                */

            } else
            if (mode == ZOOM) {
                float newDist = spacing(event);
                Log.d(TAG, "newDist=" + newDist);
                if (newDist > 10f) {
                    matrix.set(savedMatrix);
                    float scale = newDist / oldDist;
                    main_scale = scale;
                    matrix.postScale(scale, scale, MainActivity.middy.x, MainActivity.middy.y);
                    this.invalidateDrawable(this.getDrawable());
                }

            }

            break;

    }

    this.setImageMatrix(matrix);
    //invalidate();
    return true;
}

/** Determine the space between the first two fingers */
private float spacing(MotionEvent event) {
    float x = event.getX(0) - event.getX(1);// Math.abs(event.getX() - mx);//event.getX(0) - event.getX(1);
    float y = event.getY(0) - event.getY(1);//Math.abs(event.getY() - my);//event.getY(0) - event.getY(1);
    return  (float)Math.sqrt(x * x + y * y);
}

/** Calculate the mid point of the first two fingers */
private void midPoint(PointF point, MotionEvent event) {
    float x = event.getX(0) + event.getX(1);//mx + event.getX();//event.getX(0) + event.getX(1);//
    float y = event.getY(0) + event.getY(1);//my + event.getY();//event.getY(0) + event.getY(1);
    point.set(x / 2, y / 2);
    MainActivity.middy = point;
}

private void dumpEvent(MotionEvent event) {
    String names[] = { "DOWN", "UP", "MOVE", "CANCEL", "OUTSIDE",
            "POINTER_DOWN", "POINTER_UP", "7?", "8?", "9?" };
    StringBuilder sb = new StringBuilder();
    int action = event.getAction();
    int actionCode = action & MotionEvent.ACTION_MASK;
    sb.append("event ACTION_").append(names[actionCode]);
    if (actionCode == MotionEvent.ACTION_POINTER_DOWN
            || actionCode == MotionEvent.ACTION_POINTER_UP) {
        sb.append("(pid ").append(
                action >> MotionEvent.ACTION_POINTER_ID_SHIFT);
        sb.append(")");
    }
    sb.append("[");
    for (int i = 0; i < event.getPointerCount(); i++) {
        sb.append("#").append(i);
        sb.append("(pid ").append(event.getPointerId(i));
        sb.append(")=").append((int) event.getX(i));
        sb.append(",").append((int) event.getY(i));
        if (i + 1 < event.getPointerCount())
            sb.append(";");
    }
    sb.append("]");
    Log.d(TAG, sb.toString());
}

公共类GraphImage扩展了android.support.v7.widget.AppCompatImageView{
油漆；
上下文c；
内色；
矩阵；
矩阵保存矩阵；
静态最终int NONE=0；
静态最终整数阻力=1；
静态最终整数缩放=2；
int模式=无；
静态点F开始，中间；
浮动oldDist；
静态浮动主刻度；
静态浮动translateX，translateY；
字符串savedItemClicked；
String TAG=“蝙蝠侠”；
浮动mx，my，curX，curY；
公共图形（上下文、属性集属性）{
超级（上下文，attrs）；
//所有变量在这里都是init
设置聚焦（真）；
}
@凌驾
公共布尔onTouchEvent（运动事件）{
dumpEvent（事件）；
//在这里处理触摸事件。。。
开关（event.getAction（）&MotionEvent.ACTION\u掩码）{
case MotionEvent.ACTION\u DOWN：
mx=event.getX（）；
my=event.getY（）；
savedMatrix.set（矩阵）；
set（event.getX（），event.getY（））；
Log.d（标记“mode=DRAG”）；
模式=拖动；
打破
case MotionEvent.ACTION\u指针\u向下：
oldDist=间距（事件）；
Log.d（标记“oldDist=“+oldDist”）；
如果（旧区>10f）{
savedMatrix.set（矩阵）；
中点（主要活动、中午、事件）；
模式=缩放；
Log.d（标记“mode=ZOOM”）；
}
打破
case MotionEvent.ACTION\u UP：
curX=event.getX（）；
curY=event.getY（）；
矩阵集（savedMatrix）；
后翻译（curX-mx，curY-my）；
translateX=curX-mx；//event.getX（）-start.x；
translateY=curY-my；//event.getY（）-start.y；
this.invalidateDrawable（this.getDrawable（））；
打破
case MotionEvent.ACTION\u指针\u向上：
模式=无；
Log.d（标记“mode=NONE”）；
打破
case MotionEvent.ACTION\u移动：
如果（模式==拖动）{
// ...
/*
矩阵集（savedMatrix）；
postTranslate（event.getX（）-start.x，event.getY（））
-开始（y）；
translateX=event.getX（）-start.x；
translateY=event.getY（）-start.y；
this.invalidateDrawable（this.getDrawable（））；
*/
}否则
如果（模式==缩放）{
float newDist=间距（事件）；
Log.d（标记“newDist=“+newDist”）；
如果（新距离>10f）{
矩阵集（savedMatrix）；
浮动比例=新距离/旧距离；
主刻度=刻度；
后量表（量表，量表，主要活动量表，中间量表x，主要活动量表，中间量表y）；
this.invalidateDrawable（this.getDrawable（））；
}
}
打破
}
此.setImageMatrix（矩阵）；
//使无效（）；
返回true；
}
/**确定前两个手指之间的间距*/
专用浮动间距（MotionEvent事件）{
float x=event.getX（0）-event.getX（1）；//Math.abs（event.getX（）-mx）；//event.getX（0）-event.getX（1）；
float y=event.getY（0）-event.getY（1）；//Math.abs（event.getY（）-my）；//event.getY（0）-event.getY（1）；
返回（浮点）数学sqrt（x*x+y*y）；
}
/**计算前两个手指的中点*/
专用空心中点（点F点、MotionEvent事件）{
float x=event.getX（0）+event.getX（1）；//mx+event.getX（）；//event.getX（0）+event.getX（1）//
float y=event.getY（0）+event.getY（1）；//my+event.getY（）；//event.getY（0）+event.getY（1）；
点集（x/2，y/2）；
MainActivity.middy=点；
}
私有void转储事件（MotionEvent事件）{
字符串名称[]={“向下”、“向上”、“移动”、“取消”、“外部”，
“指针向下”、“指针向上”、“7？”、“8？”、“9？”；
StringBuilder sb=新的StringBuilder（）；
int action=event.getAction（）；
int actionCode=action&MotionEvent.action\u掩码；
附加（事件动作）

translationXX = translationXX + (curX - mx); //Likewise for translationYY



canvas.translate(MainActivity.translationXX , MainActivity.translationYY);// inside onDraw of the drawable



MainActivity.middy = point; 



mid = point;



canvas.scale(MainActivity.drawing_scale, MainActivity.drawing_scale, GraphImage.mid.x,GraphImage.mid.y);//MainActivity.drawing_scale was updated when the mode was ZOOM inside the onTouch method of GraphImage



MainActivity.middy = mid; //this line was called on ACTION_MOVE  when the mode = ZOOM

matrix.postScale(MainActivity.drawing_scale, MainActivity.drawing_scale,MainActivity.middy.x,MainActivity.middy.y)//middy was updated with the latest midpoint "mid" on a previous called to ZOOM inside ACTION_MOVE