Android - 如何在缩放后找到一个 Rect

Question

我对编码相当陌生，对图形也是全新的。我将不胜感激，因为我无法找到我需要的答案。

我有一个扩展 View 的类。我在自定义 Canvas 中创建了几个 3 层矩形。我成功地能够触摸和移动每个矩形。我可以平移整个 Canvas 。我可以在平移后移动各个矩形。我可以缩放整个屏幕。我不能做的一件事是在缩放后移动单个矩形。缩放后我无法“找到”矩形。我准备放弃整个自定义 View 并尝试使用 ImageView 或我可以处理的东西来完成此操作，而不是尝试查看坐标所触及的内容。

我的问题是:如何在缩放后找到矩形的坐标？我的猜测是根据 Canvas 的移动或 Canvas 的比例重新计算每个矩形，但显然我'我遗漏了一些东西，因为这看起来过于复杂并且对我不起作用。

这是一些代码 - 请原谅乱七八糟的代码，我只是想把这个想法记下来。我试过在计算中使用矩阵和比例因子，但似乎都没有找到正确的位置。 (有些代码没有使用——我使用了它，但无法计算出矩形的正确位置……这是否是正确的方法？)

protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.translate(xOffset, yOffset);
        canvas.scale(scaleFactor, scaleFactor);
        for (RectF r: RectFs){
            paint.setStyle(Paint.Style.STROKE);
            paint.setColor(Color.BLACK);
            canvas.drawRoundRect(r, 20, 20,paint);  //Set a border

            paintShader.setStyle(Style.FILL); 
            paintShader.setShader(new LinearGradient(r.left, r.bottom, r.right, r.top, Color.CYAN, Color.YELLOW, Shader.TileMode.REPEAT));
            canvas.drawRoundRect(r, 20, 20, paintShader);                   

            paint.setColor(Color.BLACK);
            paint.setTextSize(textSize);
            paint.setTypeface(Typeface.defaultFromStyle(Typeface.BOLD));
            paint.setLinearText(true);
            canvas.drawText(text, r.left+px, r.top+py, paint);  
        }   
    }

    public boolean onTouchEvent(MotionEvent event) {
        scaleGestureDetector.onTouchEvent(event);
        touched = true; 

        if (!panned){
            left = event.getX() - rectHeight / 2;
            top = event.getY() - rectWidth / 2;
        }
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                startPos.set(event.getX(), event.getY());
                findWhatWasTouched();
                invalidate();
                break;
            case MotionEvent.ACTION_POINTER_DOWN:

            case MotionEvent.ACTION_MOVE:
                if (freezeAction)
                    break;
                // Only move if the ScaleGestureDetector isn't processing a gesture.
                if (!scaleGestureDetector.isInProgress() && panned) {
                    xOffset += event.getX() - startPos.x;
                    yOffset += event.getY() - startPos.y;  
                } else
                    resetAllRectsAfterScrollOrZoom();
                findWhatWasTouched();
                invalidate();
                startPos.set(event.getX(), event.getY());
                break;
            case MotionEvent.ACTION_POINTER_UP:
                freezeAction = true;// When two fingers off of zoom, don't let the other finger jump everything around
                break;
            case MotionEvent.ACTION_UP:
                if (!freezeAction){                     
                    findWhatWasTouched();
                    invalidate();
                    if (panned || zoomed)
                        resetAllRectsAfterScrollOrZoom();
                }               
                liveRect = null;
                panned = false;
                freezeAction = false;
                xOffset = 0;
                yOffset =0;
                break;
        } 
        return true;
    }

    public void resetAllRectsAfterScrollOrZoom(){
        float height, width;
        for (RectF r: RectFs){
            height = r.height();
            width = r.width(); 
            if (zoomed){
                r.left += (xOffset * scaleFactor);
                r.top += (yOffset * scaleFactor);
            }else {
                r.left += xOffset;
                r.top += yOffset ;
            }
                          r.right = r.left + width;
            r.bottom = r.top + height; 
        } 
    }

    public void findWhatWasTouched(){
        boolean rectWasTouched = false;
        for (RectF r: RectFs){ // Update positions due to a touch event.
            if (r.contains(startPos.x, startPos.y)){
                if (liveRect == null)
                    liveRect = r;
                rectWasTouched = true;
            }
        }
        if (!rectWasTouched)
            panned = true;
        if (!zoomed && !panned && liveRect != null){
            float height = liveRect.height();
            float width = liveRect.width(); 
            liveRect.left = left;
            liveRect.top = top;
            liveRect.right = liveRect.left + width;
            liveRect.bottom = liveRect.top + height;  // We have a moving single rect - reset it's position here
        }
    }

     private class ScaleListener extends ScaleGestureDetector.SimpleOnScaleGestureListener {
            @Override
            public boolean onScale(ScaleGestureDetector detector) {
                 scaleFactor *= detector.getScaleFactor();
                 zoomed = true;     
                 // don't let the object get too small or too large.
                 scaleFactor = Math.max(0.1f, Math.min(scaleFactor, 5.0f));
                 return true;
            }
            @Override
            public void onScaleEnd(ScaleGestureDetector detector){
                 zoomed = false;
            }
     } // End ScaleListener class
} // End view class

最大的问题是，当我朝那个方向移动时，缩放后触摸矩形会使矩形进一步向下和向右呈指数移动......这让我认为 resetAllRects 的缩放部分的数学是错误的堵塞。但是对于我的一生，我无法弄清楚。仍然不知道每次重置直角坐标是否是执行此操作的正确方法？

Answer 1

这花了我好几天的时间才弄清楚，我认为如果没有 SO，我永远无法弄清楚。特别感谢@Awais Tariq 为我提供了此处所需的线索:Get Canvas coordinates after scaling up/down or dragging in android .基本上，所有内容(移动、平移，最重要的是，检查指针位置)都必须经过可以转换新屏幕密度的计算。这是我更改的内容，以防将来有人遇到这个烂摊子:

liveRect.left = (startPos.x / scaleFactor + clipbounds.left) - width/2;
liveRect.top = (startPos.y / scaleFactor + clipbounds.top )- height/2;
liveRect.right = liveRect.left + width;
liveRect.bottom = liveRect.top + height;  

这会在缩放后重新计算矩形的位置。但是，当您远离 0,0 时，指针也会呈指数“关闭”。为了更正，我在 if-check 中使用了以下公式来查看被触摸的内容:

if (r.contains(startPos.x  / scaleFactor + clipbounds.left, startPos.y  / scaleFactor + clipbounds.top))

使用此解决方案一切正常。我可能会返回并尝试使用布局而不是查看将 View 传递给 if-check 是否更容易。但是，就目前而言，这是可行的。对于我的新手编码员来说太复杂了，我想知道这是否可以在未来内置到 Android 中。