Wie dreht man eine bitmap in Android über Bilder center reibungslos und ohne oszillierende Bewegung

Ich möchten drehen Sie ein bitmap-Bild basierend auf Benutzer, klicken Sie auf um 10 Grad. Nach zahlreichen stackoverflow und google Antworten, ich habe versucht, verschiedene Kombinationen von Matrix-rotation.

Jedoch das Bild nicht wirklich drehen, wie erwartet und gibt einen nervösen Blick auf rotation + Schwingung über die Leinwand-center. Zum testen bin ich zunehmenden Drehwinkel von 10 ° (statt Klicks) jedes mal, wenn Objekt die draw-Methode aufgerufen wird. Das Bild ist ein symmetrischer Kreis [64x64 umschließenden Rechteck] und ich erwarte, dass es zu drehen in der Mitte des Bildschirms über die eigene Mitte, wie ein Rad, aber es dreht sich und bewegt sich Diagonal nach rechts-unten und bewegt sich zurück bis zu der Mitte des Bildschirms in eine Oszillation.

 public void draw(Canvas canvas) {
    Matrix matrix = new Matrix();

    rotation += 10;
    float px = this.viewWidth/2;
    float py = this.viewHeight/2;
    matrix.setRotate(rotation, bitmap.getWidth()/2, bitmap.getHeight()/2);
    Bitmap newbmp = Bitmap.createBitmap(bitmap, 0, 0, getImgWidth(), getImgHeight(), matrix, true);
    canvas.drawBitmap(newbmp, px - (getImgWidth()/2), py - (getImgHeight()/2), null);

 }
InformationsquelleAutor Anshul | 2012-11-15
  1. 18

    Hier ist ein Beispiel.
    Ich brach es auf 3 Stufen.
    Der erste übersetzen verschiebt die bitmap, so dass es die Mitte ist bei 0,0
    Dann eine Drehung,
    und schließlich bewegen Sie die bitmap-center, wo Sie wollen es auf die Leinwand.
    Sie brauchen nicht die zweite bitmap.

    Matrix matrix = new Matrix();
rotation += 10;
float px = this.viewWidth/2;
float py = this.viewHeight/2;
matrix.postTranslate(-bitmap.getWidth()/2, -bitmap.getHeight()/2);
matrix.postRotate(rotation);
matrix.postTranslate(px, py);
canvas.drawBitmap(bitmap, matrix, null);

    Als Optimierung, erstellen Sie die Matrix einmal außerhalb dieser Methode, und ersetzen Sie die Kreation mit einem Aufruf matrix.reset()

    • Thanks a bunch!. Habe diese Arbeit mit dem verschieben der Matrix, aus der "zeichnen" - Methode und die Gewährleistung der matrix nicht zurückgesetzt [bietet sanfte rotation effect]. Auch verwendet matrix.setRotate(rotation, bitmap.getWidth()/2, bitmap.getHeight()/2); anstelle der ersten beiden post* Methoden.
    • Vielen Dank für diese Antwort. Es spart mein Tag.
    • Was ist das hier?
    • Wie bekomme ich eine bitmap(bitmap skaliert) ?
    • Anstatt zuerst die übersetzung, indem Sie zur Hälfte, um den Mittelpunkt, Sie könnte verwenden matrix.postTranslate(px, py, centerx, centery).
    InformationsquelleAutor yoah
  2. 0

    Müssen Sie übersetzen die bitmap in den 0,0-Punkt (oder zeichnen Sie es auf 0,0), und drehen Sie es dort, dann übersetzen Sie zurück, wie Z:

    canvas.save();
    canvas.translate(this.viewWidth, this.viewHeight);
    canvas.rotate(rotation);
    canvas.drawBitmap(newbmp, -(getImgWidth()/2), -(getImgHeight()/2), null);
canvas.restore();

    Hier ziehe ich es mit dem center auf 0,0 (denke ich), denn wenn man sich dreht, es geht um 0,0 und nicht die Mitte des Bildschirms, wie man denken würde. Wenn Sie zeichnen das Zentrum zu 0,0 dann es dreht sich um den Mittelpunkt der bitmap.

    Wenn mein code nicht erreichen, zeichnen der bitmap-center bei 0,0, dann Sie können ändern, mein code um es zu zeichnen, in der Mitte und es wird so funktionieren, wie Sie wollen.

    Hoffe, das hilft!

    • 🙁 . Die oben genannte Methode noch viel schlimmer gemacht. Jetzt ist mein Rad geht rechts unten in die Ecke und schwingt herum, rechten unteren Ecke, während der rest in hintergrund und Objekte "sehen", wie es ist. canvas.translate verschiebt den Rad-center
    • Dies tatsächlich funktioniert, wenn Sie übersetzen über getImgWidth()/2 und getImgHeight()/2 statt der Ansicht Dimensionen.
    InformationsquelleAutor Michael Dotson
  3. 0
    //x : x coordinate of image position
//y : y coordinate of image position
//w : width of canvas
//h : height of canvas
canvas.save();
canvas.rotate(angle, x + (w/2), y + (h/2));
canvas.drawBitmap(image, x, y, null);
canvas.restore();

    Die Schritte sind

    1. Speichern Sie die vorhandene Leinwand
    2. Drehen Sie die Leinwand über der Mitte der bitmap, die Sie zeichnen auf Leinwand mit einem Drehwinkel
    3. Zeichnen das Bild
    4. Das Bild wiederhergestellt
    InformationsquelleAutor Mallikarjun M
Schreibe einen Kommentar