Kreisspur auf Leinwand auszublenden

Question

Ich versuche, mein Canvas- und Touch-Ereignis so zu ändern, dass die gezeichneten Kreise schließlich ausgeblendet werden, während sich der Benutzer noch auf der Zeichenfläche bewegt.

Etwas wie folgt aus:

Wo die kleineren Kreise Überstunden ausgeblendet.

Ich habe die Mehrheit der ähnlichen Fragen für diesen Umgang mit Bitmaps durchlaufen. Ich habe mich bemüht, die in diesen Fragen vorgeschlagenen Tipps zu implementieren, da meine Kreiskoordinaten in einer ArrayList gespeichert werden, die durchgeschleift und gezeichnet wird, anstatt eine individuelle Form/ein einzelnes Bild, das auf die Leinwand gezeichnet wird.

Unten ist das, was ich bisher geschrieben habe:

case MotionEvent.ACTION_MOVE: { 
      if (inCircle(event, sceneView.circleRadius - 30)) { 

       int pointer = event.getPointerCount(); 


       Point xyPoint = new Point(); 
       for (int i = 0; i < pointer; i++) { 



         xInput = (int) event.getX() - (50/2); 
         yInput = (int) event.getY() - (50/2); 

         colorList.add(getCircleColor(sceneView.myBitmap)); 

         xyPoint.x = xInput; 
         xyPoint.y = yInput; 
         pointList.add(xyPoint); 

       } 
       invalidate(); 
       return true; 
      } 
     } 

und die OnDraw:

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

     for (int i = 0; i < pointList.size(); i++) { 
      Point p = pointList.get(i); 
      touchCircle.setColor(colorList.get(i)); 

      canvas.drawCircle(p.x, p.y, touchRadius, touchCircle); 
     } 
} 

Ich habe versucht, den Alpha-Wert der Kreise in der Arraylist Bar die letzte zu ändern Element, das die Ausblendung widerspiegelt, aber das verursacht einen stotternden Effekt anstatt eines sanften Ausblendens aller vorhergehenden Punkte.

Entschuldigung, wenn diese Frage sich als repetitiv anspricht, würde ich einfach einige Meinungen darüber schätzen, wie man dieses Problem löst.

Bitte lassen Sie mich wissen, wenn es etwas gibt, was ich auch klären sollte.

Answer 1

Wenn Sie eine weiche Ausblendung wünschen, müssen Sie mit Handlers animieren. Die Idee ist, wenn Sie möchten, dass Ihre Ausblendung sehr glatt ist, müssen Sie onDraw() in einem sehr kurzen Intervall aufrufen. So werden Sie das Ausblenden reibungslos machen. Sie stehen vor dem Stottereffekt, weil Sie nicht oft genug onDraw() anrufen.

Was Sie brauchen, ist ein Handler und Sie müssen eine Runnable in einem sehr kurzen Intervall veröffentlichen. Auf diese Weise werden Sie mehrere Male invalidate() und das Ausblenden so reibungslos wie Sie möchten.

Wenn Sie wissen möchten, wie man ein Handler verwendet, können Sie es googeln. Ich habe an einem Paginierungs-Steuerelement gearbeitet, in dem ich dieses verwendet habe, Sie könnten dies auch beziehen: https://github.com/Madrapps/pagination/blob/master/src/main/java/com/instrap/apps/pagination/views/MovingDots.java. Dies hat nichts mit Ihrem Anwendungsfall zu tun, sondern gibt Ihnen eine Vorstellung davon, wie Sie Handlers und Runnable verwenden können, um Animationen in einer benutzerdefinierten Ansicht auszuführen.