通过在自定义视图的onDraw中设置单位矩阵来偏移canvas

我通过canvas.setMatrix(matrix);在自定义视图的onDraw方法中为我的canvas设置了一个矩阵canvas.setMatrix(matrix); 然后我只使用预定义的颜料绘制网格:

 canvas.drawRect(0,0,viewWidth,viewHeight, background); for(int i=0; i <= nRows; i++){ canvas.drawLine(0,i*cellHeight, nCols*cellWidth,i*cellHeight,lines); canvas.drawLine(i*cellWidth, 0, i*cellWidth, nRows*cellHeight, lines); if(i != nRows) canvas.drawText(""+i, i*cellWidth, (i+1)*cellHeight, text); } 

由于某种原因,整个canvas偏移了细胞高度的1.5倍。 知道为什么会发生这种情况或如何解决它? 因此,矩阵未初始化,因此根据文档应该是身份。

非常感谢!

我已经将这种行为缩小到原来的Viewcanvas的Matrix已经被视图的位置翻译过来了。 但是,如果使用Canvas.getMatrix()View.getMatrix()获取Matrix ,则这一点并不明显。 您将从这些调用中获取单位矩阵。

您看到的canvas偏移很可能与View从屏幕顶部偏移的高度(状态栏,标题栏等)完全相同。

在这个用例中使用canvas.setMatrix(matrix) canvas.concat(matrix)而不是canvas.setMatrix(matrix)和大多数用例都是正确的。 如果你真的需要原始矩阵,我在调试时做了,你必须通过View自己的Window的翻译手动转换它:

 int[] viewLocation = new int[2]; mView.getLocationInWindow(viewLocation); mOriginalMatrix.setTranslate(viewLocation[0], viewLocation[1]); 

编辑在评论中回答其他问题:

要转换触摸坐标(或任何屏幕坐标)以匹配Canvas坐标,只需将所有转换设置为Matrix ,并在绘制前每帧使用该矩阵进行Canvas.concat() 。 (或者您可以像现在一样直接对Canvas进行所有转换,并使用Canvas.getMatrix(mMyMatrix)在每次绘制后检索矩阵。它已被弃用,但它可以工作。)

然后可以使用矩阵将原始网格边界转换为在屏幕上绘制的网格边界。 你基本上做的事情与Canvas在绘制网格时所做的完全相同,将网格的角点转换为屏幕坐标。 现在,网格将与触摸事件位于同一坐标系中:

 private final Matrix mMyMatrix = new Matrix(); // Assumes that the grid covers the whole View. private final float[] mOriginalGridCorners = new float[] { 0, 0, // top left (x, y) getWidth(), getHeight() // bottom right (x, y) }; private final float[] mTransformedGridCorners = new float[4]; @Override public boolean onTouchEvent(MotionEvent event) { if (/* User pans the screen */) { mMyMatrix.postTranslate(deltaX, deltaY); } if (/* User zooms the screen */) { mMyMatrix.postScale(deltaScale, deltaScale); } if (/* User taps the grid */) { // Transform the original grid corners to where they // are on the screen (panned and zoomed). mMyMatrix.mapPoints(mTransformedGridCorners, mOriginalGridCorners); float gridWidth = mTransformedGridCorners[2] - mTransformedGridCorners[0]; float gridHeight = mTransformedGridCorners[3] - mTransformedGridCorners[1]; // Get the x and y coordinate of the tap inside the // grid, between 0 and 1. float x = (event.getX() - mTransformedGridCorners[0]) / gridWidth; float y = (event.getY() - mTransformedGridCorners[1]) / gridHeight; // To get the tapped grid cell. int column = (int)(x * nbrColumns); int row = (int)(y * nbrRows); // Or to get the tapped exact pixel in the original grid. int pixelX = (int)(x * getWidth()); int pixelY = (int)(y * getHeight()); } return true; } @Override protected void onDraw(Canvas canvas) { // Each frame, transform your canvas with the matrix. canvas.save(); canvas.concat(mMyMatrix); // Draw grid. grid.draw(canvas); canvas.restore(); } 

或者是不赞成使用矩阵的方法,它仍然有效,可能需要更少的更改:

 @Override protected void onDraw(Canvas canvas) { canvas.save(); // Transform canvas and draw the grid. grid.draw(canvas); // Get the matrix from canvas. Can be used to transform // corners on the next touch event. canvas.getMatrix(mMyMatrix); canvas.restore(); } 

如果不是问题的原因,我找到了解决这个问题的方法。

替换canvas.setMatrix(matrix); with canvas.concat(matrix); 做了伎俩。 我认为部分原因在于设置矩阵会根据屏幕高度和宽度而不是视图来更改要计算的canvas原点。 但是有一些谜团,因为这也神奇地解决了我遇到的其他一些问题。

编辑

事实certificate,以这种方式执行操作的后果之一是onTouchEvent(MotionEvent event)方法中的event.getX()event.getY()开始返回难以处理的整数。 我的自定义视图用于制作可缩放的,可平移的正方形网格,我可以单击它并获取正方形的坐标。 使用此方法,我尝试获取click事件的(x,y)坐标( onTouchEvent方法中的onTouchEvent案例)。

我试图获取x坐标,例如,通过

 int x = (int) ((start.x - dspl.x)/(cellWidth*scaleFactor)); 

我说明了我已经平移了多少屏幕( dspl给出了到目前为止发生的总位移)和我已经放大了它的数量( scaleFactor给出了已发生的总缩放)。 但这并不能解释连续变焦发生的点。

关于如何获得正确坐标的任何好主意?