Android, Canvas: Wie lösche (lösche) ich einen Canvas (= Bitmaps), der in einer SurfaceView lebt?

Um ein einfaches Spiel zu erstellen, habe ich eine Vorlage verwendet, die eine Leinwand mit Bitmaps wie folgt zeichnet:

private void doDraw(Canvas canvas) {
    for (int i=0;i<8;i++)
        for (int j=0;j<9;j++)
            for (int k=0;k<7;k++)   {
    canvas.drawBitmap(mBits[allBits[i][j][k]], i*50 -k*7, j*50 -k*7, null); } }

(Die Zeichenfläche ist in "run ()" definiert / die SurfaceView befindet sich in einem GameThread.)

Meine erste Frage ist, wie ich die gesamte Leinwand für ein neues Layout löschen (oder neu zeichnen) kann .
Zweitens, wie kann ich nur einen Teil des Bildschirms aktualisieren?

// This is the routine that calls "doDraw":
public void run() {
    while (mRun) {
        Canvas c = null;
        try {
            c = mSurfaceHolder.lockCanvas(null);
            synchronized (mSurfaceHolder) {
                if (mMode == STATE_RUNNING) 
                    updateGame();
                doDraw(c);          }
        } finally {
            if (c != null) {
                mSurfaceHolder.unlockCanvasAndPost(c);  }   }   }       }

Wie lösche (oder zeichne) ich die GANZE Leinwand für ein neues Layout (= versuche das Spiel)?

Rufen Canvas.drawColor(Color.BLACK)Sie einfach an oder mit welcher Farbe Sie Ihre löschen möchten Canvas.

Und: Wie kann ich nur einen Teil des Bildschirms aktualisieren?

Es gibt keine solche Methode, die nur einen "Teil des Bildschirms" aktualisiert, da das Android-Betriebssystem beim Aktualisieren des Bildschirms jedes Pixel neu zeichnet. Wenn Sie jedoch keine alten Zeichnungen auf Ihrem CanvasBildschirm löschen , befinden sich die alten Zeichnungen immer noch auf der Oberfläche. Dies ist wahrscheinlich eine Möglichkeit, "nur einen Teil des Bildschirms zu aktualisieren".

Wenn Sie also "einen Teil des Bildschirms aktualisieren" möchten, vermeiden Sie einfach den Aufruf der Canvas.drawColor()Methode.

Das Zeichnen transparenter Farben im PorterDuff-Löschmodus macht den Trick für das, was ich wollte.

Canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR)

Fand dies in Google Groups und das hat bei mir funktioniert ..

Paint clearPaint = new Paint();
clearPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
canvas.drawRect(0, 0, width, height, clearPaint); 

Dadurch werden Zeichnungsrechtecke usw. entfernt, während die festgelegte Bitmap beibehalten wird.

Ich habe die Antwort von @mobistry ausprobiert:

canvas.drawColor(Color.TRANSPARENT, Mode.CLEAR);

Aber es hat bei mir nicht funktioniert.

Die Lösung war für mich:

canvas.drawColor(Color.TRANSPARENT, Mode.MULTIPLY);

Vielleicht hat jemand das gleiche Problem.

Verwenden Sie die Rücksetzmethode der Path-Klasse

Path.reset();

mBitmap.eraseColor(Color.TRANSPARENT);

canvas.drawBitmap(mBitmap, 0, 0, mBitmapPaint);

Bitte fügen Sie den folgenden Code in die Oberflächenansicht ein. Erweitern Sie den Klassenkonstruktor .............

Konstruktorcodierung

    SurfaceHolder holder = getHolder();
    holder.addCallback(this);

    SurfaceView sur = (SurfaceView)findViewById(R.id.surfaceview);
    sur.setZOrderOnTop(true);    // necessary
    holder = sur.getHolder();
    holder.setFormat(PixelFormat.TRANSPARENT);

XML-Codierung

    <com.welcome.panelview.PanelViewWelcomeScreen
        android:id="@+id/one"
        android:layout_width="600px"
        android:layout_height="312px"
        android:layout_gravity="center"
        android:layout_marginTop="10px"
        android:background="@drawable/welcome" />

versuchen Sie oben Code ...

Hier ist der Code eines minimalen Beispiels, das zeigt, dass Sie immer jedes Pixel der Leinwand bei jedem Frame neu zeichnen müssen.

Diese Aktivität zeichnet jede Sekunde eine neue Bitmap in der SurfaceView, ohne zuvor den Bildschirm zu löschen. Wenn Sie es testen, werden Sie feststellen, dass die Bitmap nicht immer in denselben Puffer geschrieben wird und der Bildschirm zwischen den beiden Puffern wechselt.

Ich habe es auf meinem Handy (Nexus S, Android 2.3.3) und auf dem Emulator (Android 2.2) getestet.

public class TestCanvas extends Activity {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(new TestView(this));
    }
}

class TestView extends SurfaceView implements SurfaceHolder.Callback {

    private TestThread mThread;
    private int mWidth;
    private int mHeight;
    private Bitmap mBitmap;
    private SurfaceHolder mSurfaceHolder;

    public TestView(Context context) {
        super(context);
        mThread = new TestThread();
        mBitmap = BitmapFactory.decodeResource(context.getResources(), R.drawable.icon);
        mSurfaceHolder = getHolder();
        mSurfaceHolder.addCallback(this);
    }

    @Override
    public void surfaceChanged(SurfaceHolder holder, int format, int width,
            int height) {
        mWidth = width;
        mHeight = height;
        mThread.start();
    }

    @Override
    public void surfaceCreated(SurfaceHolder holder) {/* Do nothing */}

    @Override
    public void surfaceDestroyed(SurfaceHolder holder) {
        if (mThread != null && mThread.isAlive())
            mThread.interrupt();
    }

    class TestThread extends Thread {
        @Override
        public void run() {
            while (!isInterrupted()) {
                Canvas c = null;
                try {
                    c = mSurfaceHolder.lockCanvas(null);
                    synchronized (mSurfaceHolder) {
                        c.drawBitmap(mBitmap, (int) (Math.random() * mWidth), (int) (Math.random() * mHeight), null);
                    }
                } finally {
                    if (c != null)
                        mSurfaceHolder.unlockCanvasAndPost(c);
                }

                try {
                    sleep(1000);
                } catch (InterruptedException e) {
                    interrupt();
                }
            }
        }   
    }
}

Für mich würde ein Anruf Canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR)oder ähnliches erst funktionieren, wenn ich den Bildschirm berühre. Also würde ich die obige Codezeile aufrufen, aber der Bildschirm würde erst gelöscht, nachdem ich dann den Bildschirm berührt habe. Was für mich also funktionierte, war aufzurufen, invalidate()gefolgt von init()dem Aufruf zum Zeitpunkt der Erstellung, um die Ansicht zu initialisieren.

private void init() {
    setFocusable(true);
    setFocusableInTouchMode(true);
    setOnTouchListener(this);

    mPaint = new Paint();
    mPaint.setAntiAlias(true);
    mPaint.setDither(true);
    mPaint.setColor(Color.BLACK);
    mPaint.setStyle(Paint.Style.STROKE);
    mPaint.setStrokeJoin(Paint.Join.ROUND);
    mPaint.setStrokeCap(Paint.Cap.ROUND);
    mPaint.setStrokeWidth(6);

    mCanvas = new Canvas();
    mPaths = new LinkedList<>();

    addNewPath();
}

canvas.drawColor(Color.TRANSPARENT, Mode.MULTIPLY);

Das Löschen auf Canvas in Java Android ist ähnlich wie das Löschen von HTML Canvas über Javascript mit globalCompositeOperation. Die Logik war ähnlich.

U wählt die Logik DST_OUT (Destination Out).

paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OUT));

Hinweis: DST_OUT ist nützlicher, da es 50% löschen kann, wenn die Lackfarbe 50% Alpha hat. Um vollständig bis transparent zu löschen, muss das Alpha der Farbe 100% betragen. Es wird empfohlen, paint.setColor (Color.WHITE) aufzutragen. Stellen Sie sicher, dass das Canvas-Bildformat RGBA_8888 war.

Kehren Sie nach dem Löschen mit SRC_OVER (Source Over) zur normalen Zeichnung zurück.

paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_OVER));

Das Aktualisieren der Anzeige für kleine Bereiche muss buchstäblich auf Grafikhardware zugreifen und wird möglicherweise nicht unterstützt.

Am naheliegendsten für höchste Leistung ist die Verwendung einer Mehrbildebene.

Vergessen Sie nicht, invalidate () aufzurufen.

canvas.drawColor(backgroundColor);
invalidate();
path.reset();

Versuchen Sie, die Ansicht bei onPause () einer Aktivität zu entfernen und onRestart () hinzuzufügen.

LayoutYouAddedYourView.addView (YourCustomView); LayoutYouAddedYourView.removeView (YourCustomView);

Sobald Sie Ihre Ansicht hinzufügen, wird die onDraw () -Methode aufgerufen.

YourCustomView ist eine Klasse, die die View-Klasse erweitert.

In meinem Fall zeichne ich meine Leinwand in ein lineares Layout. So reinigen und neu zeichnen:

    LinearLayout linearLayout = findViewById(R.id.myCanvas);
    linearLayout.removeAllViews();

und dann rufe ich die Klasse mit den neuen Werten auf:

    Lienzo fondo = new Lienzo(this,items);
    linearLayout.addView(fondo);

Dies ist die Klasse Lienzo:

class Lienzo extends View {
    Paint paint;
    RectF contenedor;
    Path path;
    ArrayList<Items>elementos;

    public Lienzo(Context context,ArrayList<Items> elementos) {
        super(context);
        this.elementos=elementos;
        init();
    }

    private void init() {
        path=new Path();
        paint = new Paint();
        contenedor = new RectF();
        paint.setStyle(Paint.Style.FILL);
    }


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

        contenedor.left = oneValue;
        contenedor.top = anotherValue;
        contenedor.right = anotherValue;
        contenedor.bottom = anotherValue;

        float angulo = -90; //starts drawing at 12 o'clock
        //total= sum of all element values
        for (int i=0;i<elementos.size();i++){
            if (elementos.get(i).angulo!=0 && elementos.get(i).visible){
                paint.setColor(elementos.get(i).backColor);
                canvas.drawArc(contenedor,angulo,(float)(elementos.get(i).value*360)/total,true,paint);

                angulo+=(float)(elementos.get(i).value*360)/total;
            }
        } //for example
    }
}

Mit dem folgenden Ansatz können Sie die gesamte Leinwand oder nur einen Teil davon löschen.
Bitte vergessen Sie nicht, die Hardwarebeschleunigung zu deaktivieren, da PorterDuff.Mode.CLEAR nicht mit der Hardwarebeschleunigung funktioniert und schließlich aufruft , setWillNotDraw(false)da wir die onDrawMethode überschreiben .

//view's constructor
setWillNotDraw(false);
setLayerType(LAYER_TYPE_SOFTWARE, null);

//view's onDraw
Paint TransparentPaint = new Paint();
TransparentPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
canvas.drawRect(0, 0, width, height, TransparentPaint); 

Ihre erste Anforderung, wie Sie die gesamte Leinwand löschen oder neu zeichnen - Antwort - Verwenden Sie die Methode canvas.drawColor (color.Black), um den Bildschirm mit einer schwarzen Farbe oder einer von Ihnen angegebenen Farbe zu löschen.

Ihre zweite Anforderung, wie Sie einen Teil des Bildschirms aktualisieren - Antwort - zum Beispiel, wenn Sie alle anderen Dinge auf dem Bildschirm unverändert lassen möchten, aber in einem kleinen Bereich des Bildschirms, um eine Ganzzahl (z. B. Zähler) anzuzeigen, die alle fünf Sekunden zunimmt. Verwenden Sie dann die canvas.drawrect-Methode, um diesen kleinen Bereich zu zeichnen, indem Sie links oben rechts unten und malen angeben. Berechnen Sie dann Ihren Zählerwert (mit postdalayed für 5 Sekunden usw., ähnlich wie Handler.postDelayed (Runnable_Object, 5000);), konvertieren Sie ihn in eine Textzeichenfolge, berechnen Sie die x- und y-Koordinate in diesem kleinen Rechteck und verwenden Sie die Textansicht, um die Änderung anzuzeigen Zählerwert.

Ich musste einen separaten Zeichnungsdurchlauf verwenden, um die Leinwand zu löschen (sperren, zeichnen und entsperren):

Canvas canvas = null;
try {
    canvas = holder.lockCanvas();
    if (canvas == null) {
        // exit drawing thread
        break;
    }
    canvas.drawColor(colorToClearFromCanvas, PorterDuff.Mode.CLEAR);
} finally {
    if (canvas != null) {
        holder.unlockCanvasAndPost(canvas);
    }
}

Ruf einfach an

canvas.drawColor (Color.TRANSPARENT)