onScale and Canvas - jak ustawić punkt początkowy po powiększeniu obrazu?

Question

Mam bardzo prostą aplikację testową z niestandardowego komponentu MyView.java - który wyświetla przewijalną i skalowalny obraz (reprezentujący pokład w Scrabble jak gra Word):

1) W moim skalę słuchacza i ustawić współczynnik skali:

public boolean onScale(ScaleGestureDetector detector) { 
    mScale *= detector.getScaleFactor(); 

    // XXX how to adjust mOffsetX and mOffsetY ? XXX 

    constrainZoom(); 
    constrainOffsets(); 
    invalidate(); 
    return true; 
} 

2), a następnie w sposobie rysowania mojego niestandardowego komponentu i zastosowania translacji i skali współczynnika:

protected void onDraw(Canvas canvas) { 
    super.onDraw(canvas); 

    canvas.translate(mOffsetX, mOffsetY); 
    canvas.scale(mScale, mScale); 
    gameBoard.setBounds(
     0, 
     0, 
     gameBoard.getIntrinsicWidth(), 
     gameBoard.getIntrinsicHeight() 
    ); 
    gameBoard.draw(canvas); 
} 

Niestety, wydaje się, że mały błąd podczas skalowania z gestu pinch -

widzę, że skala i granice są prawidłowej wielkości po powiększanie, ale przesunięcie obrazu nie jest.

Problem się pogarsza, gdy punkt ostrości gestu szczypania znajduje się daleko od 0, 0 punktu ekranu.

Trudno jest opisać problem słowami, ale kiedy się wymeldujesz my test project from GitHub zobaczysz go natychmiast (i zawsze możesz dwukrotnie dotknąć, aby zresetować offset i skalę).

Jest to prawdopodobnie typowy problem ze standardowym sposobem rozwiązania problemu, ale nie udało mi się go jeszcze znaleźć.

Zdjęcie płyty to CC BY-SA by Denelson83, a kod jest oparty na blogu How-to support the fling gesture with a bounce effect.

Answer 1

Przenosisz płótno dwa razy: najpierw z translate, a następnie z scale(sx,sy,px,py);.

Możesz połączyć swoje skupienia z przesunięciami w swoim onScale, a następnie użyć scale(sx,sy).