Android、キャンバス：surfaceViewにあるキャンバス（=ビットマップ）をクリア（コンテンツを削除）するにはどうすればよいですか？

単純なゲームを作成するために、次のようなビットマップでキャンバスを描画するテンプレートを使用しました。

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); } }

（キャンバスは "run（）"で定義されています/ SurfaceViewはGameThreadにあります。）

最初の質問は、新しいレイアウトでキャンバス全体をクリア（または再描画）する方法です。
次に、画面の一部のみを更新するにはどうすればよいですか？

// 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);  }   }   }       }

新しいレイアウト用にWHOLEキャンバスをクリア（または再描画）するにはどうすればよいですか（=ゲームで試してください）？

を呼び出すCanvas.drawColor(Color.BLACK)か、クリアしたい色を呼び出しますCanvas。

そして、どうすれば画面の一部だけを更新できますか？

Android OSは画面の更新時にすべてのピクセルを再描画するため、「画面の一部」を更新するだけの方法はありません。ただし、で古い図面をクリアしない場合Canvas、古い図面はまだ表面にあり、これはおそらく画面の「一部のみを更新」する1つの方法です。

したがって、「画面の一部を更新する」場合は、Canvas.drawColor()メソッドの呼び出しを避けてください。

PorterDuffのクリアモードで透明色を描画すると、思い通りの仕上がりになります。

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

これはグーグルグループで見つけ、これは私のために働いた。

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

これは、ビットマップを設定したまま、長方形の描画などを削除します。

私は@mobistryの答えを試しました：

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

しかし、それは私にはうまくいきませんでした。

私にとっての解決策は：

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

たぶん、誰かが同じ問題を抱えています。

Pathクラスのresetメソッドを使用する

Path.reset();

mBitmap.eraseColor(Color.TRANSPARENT);

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

以下のコードをsurfaceview拡張クラスコンストラクタに貼り付けてください.............

コンストラクタコーディング

    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コーディング

    <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" />

上記のコードを試してください...

以下は、各フレームでCanvasのすべてのピクセルを常に再描画する必要があることを示す最小限の例のコードです。

このアクティビティは、以前に画面をクリアせずに、SurfaceViewに毎秒新しいビットマップを描画します。テストすると、ビットマップが常に同じバッファに書き込まれるわけではなく、画面が2つのバッファ間で切り替わることがわかります。

携帯電話（Nexus S、Android 2.3.3）とエミュレーター（Android 2.2）でテストしました。

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();
                }
            }
        }   
    }
}

私にとっては、電話Canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR)または類似のものは、画面に触れた後にのみ機能します。したがって、上記のコード行を呼び出しますが、画面に触れた後にのみ画面がクリアされます。だから私のために働いたのは、ビューを初期化するために作成時に呼び出されたinvalidate()後にinit()呼び出されることでした。

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);

java androidのCanvasでの消去は、globalCompositeOperationを使用したJavaScriptによるHTML Canvasの消去と同様です。ロジックも同様でした。

UはDST_OUT（宛先出力）ロジックを選択します。

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

注：DST_OUTは、ペイントカラーのアルファが50％の場合、50％を消去できるため、より便利です。したがって、完全に透明にするには、色のアルファを100％にする必要があります。paint.setColor（Color.WHITE）を適用することをお勧めします。また、キャンバス画像の形式がRGBA_8888であることを確認してください。

消去後、SRC_OVER（ソースオーバー）で通常の描画に戻ります。

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

文字通り小さな領域の表示を更新するには、グラフィックハードウェアにアクセスする必要があり、サポートされていない可能性があります。

最高のパフォーマンスを得るために最も近いのは、マルチイメージレイヤーの使用です。

invalidate（）を呼び出すことを忘れないでください。

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

アクティビティのonPause（）でビューを削除して、onRestart（）を追加してみてください

LayoutYouAddedYourView.addView（YourCustomView）; LayoutYouAddedYourView.removeView（YourCustomView）;

ビューを追加した瞬間に、onDraw（）メソッドが呼び出されます。

YourCustomViewは、Viewクラスを拡張するクラスです。

私の場合、キャンバスをlinearlayoutに描画します。クリーニングして再度描画するには：

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

次に、新しい値でクラスを呼び出します。

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

これは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
    }
}

次のアプローチでは、キャンバス全体または一部のみをクリアできます。メソッドをオーバーライドするため
、PorterDuff.Mode.CLEARはハードウェアアクセラレーションでは機能せず、最後にコールするsetWillNotDraw(false)ため、ハードウェアアクセラレーションを無効にすることを忘れないでくださいonDraw。

//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); 

最初の要件、キャンバス全体をクリアまたは再描画する方法-回答-canvas.drawColor（color.Black）メソッドを使用して、画面を黒または指定した色でクリアします。

2番目の要件、画面の一部を更新する方法-回答-たとえば、画面上の他のすべてのものを変更せずに、画面の小さな領域に表示して、5秒ごとに増加する整数（カウンターなど）を表示する場合。次に、canvas.drawrectメソッドを使用して、左上、右下、およびペイントを指定することにより、その小さな領域を描画します。次に、カウンター値を計算します（postdalayedを5秒間使用するなど、llike Handler.postDelayed（Runnable_Object、5000）;）、それをテキスト文字列に変換し、この小さな四角形のx座標とy座標を計算し、テキストビューを使用して変化を表示しますカウンター値。

キャンバスをクリアするには、別の描画パスを使用する必要がありました（ロック、描画、ロック解除）。

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);
    }
}

電話するだけ

canvas.drawColor（Color.TRANSPARENT）