Android，画布：如何清除（删除内容）位于 SurfaceView 中的画布（= 位图）？

Question

为了制作一个简单的游戏，我使用了一个模板来绘制带有位图的画布，如下所示：（

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

Answer 1

使用 PorterDuff 清晰模式绘制透明颜色可以满足我的需求。

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

Answer 2

如何清除（或重绘）整个画布以获得新布局（= 尝试游戏）？

只需调用 Canvas.drawColor(Color.BLACK)< /a> 或任何您想要用来清除 Canvas 的颜色。

并且：如何仅更新屏幕的一部分？

不存在只更新“屏幕的一部分”的方法，因为 Android 操作系统在更新屏幕时会重绘每个像素。但是，当您不清除 Canvas 上的旧绘图时，旧绘图仍然在表面上，这可能是“仅更新屏幕的一部分”的一种方法。

因此，如果您想“更新屏幕的一部分”，只需避免调用 Canvas.drawColor() 方法即可。

Answer 3

在谷歌组中找到了这个，这对我有用。

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

这会删除绘图矩形等，同时保持设置的位图。

Answer 4

使用Path类的reset方法

Path.reset();

Answer 5

我尝试了@mobistry的答案：

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

但它对我不起作用。

对我来说，解决方案是：

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

也许有人有同样的问题。

Answer 6

mBitmap.eraseColor(Color.TRANSPARENT);

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

Answer 7

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

Answer 8

请将下面的代码粘贴到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" />

尝试上面的代码......

Answer 9

下面是一个最小示例的代码，显示您始终必须在每一帧重绘画布的每个像素。

此活动每秒在 SurfaceView 上绘制一个新的位图，之前不会清除屏幕。
如果您测试它，您会发现位图并不总是写入同一个缓冲区，并且屏幕将在两个缓冲区之间交替。

我在手机（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();
                }
            }
        }   
    }
}

Answer 10

对我来说，调用 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();
}

Answer 11

在 java android 中擦除 Canvas 与通过 javascript 使用 globalCompositeOperation 擦除 HTML Canvas 类似。逻辑是相似的。

U将选择DST_OUT（目的地输出）逻辑。

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

注意：DST_OUT 更有用，因为如果油漆颜色具有 50% alpha，它可以擦除 50%。因此，要完全清除到透明，颜色的 alpha 必须为 100%。建议使用paint.setColor(Color.WHITE)。并确保画布图像格式为RGBA_8888。

擦除后，用SRC_OVER（Source Over）返回正常绘图。

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

更新小区域显示实际上需要访问图形硬件，并且可能不支持。

最接近最高性能的是使用多图像层。

Answer 12

我找到了我的解决方案。

PaintView 类：

public void clear() {
    mPath.reset();
    mCanvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);
    paths.clear();
}

和 MainActivity：

  clear_canvas_.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            paintView.clear();
        }
    });

Answer 13

2023 年 11 月
通过以下方法，您可以清除整个画布或仅清除其中的一部分。
请不要忘记禁用硬件加速，因为 PorterDuff.Mode.CLEAR 不适用于硬件加速，并最终调用 setWillNotDraw(false) 因为我们覆盖了 onDraw方法。

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


Paint transparentPaint = new Paint();
transparentPaint.setColor(Color.TRANSPARENT);
transparentPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));

//view's onDraw
canvas.drawRect(0, 0, width, height, transparentPaint); 

Answer 14

不要忘记调用 invalidate();

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

Answer 15

您的第一个要求，如何清除或重绘整个画布 - 答案 - 使用 canvas.drawColor(color.Black) 方法以黑色或您指定的任何颜色清除屏幕。

您的第二个要求，如何更新屏幕的一部分 - 答案 - 例如，如果您想在屏幕上保持所有其他内容不变，但在屏幕的一小块区域中显示一个整数（例如计数器），该整数每五秒后增加一次。然后使用 canvas.drawrect 方法通过指定左上右下并绘制来绘制该小区域。然后计算您的计数器值（使用 postdalayed 5 秒等，例如 Handler.postDelayed(Runnable_Object, 5000);) ，将其转换为文本字符串，计算这个小矩形中的 x 和 y 坐标并使用文本视图显示变化计数器值。

Answer 16

尝试在活动的 onPause() 处删除视图并添加 onRestart()

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

当您添加视图时， onDraw() 方法将被调用。

YourCustomView 是一个扩展 View 类的类。

Answer 17

就我而言，我将画布绘制为线性布局。
再次清理并重绘：

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

Answer 18

就我而言，每次创建画布都对我有用，尽管它不利于记忆

Bitmap bm = BitmapFactory.decodeResource(getResources(), R.drawable.image);
imageBitmap = Bitmap.createBitmap(bm.getWidth(), bm.getHeight(), bm.getConfig());
canvas = new Canvas(imageBitmap);
canvas.drawBitmap(bm, 0, 0, null);

Answer 19

以下对我有用：

canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.SCREEN);

Answer 20

也许是因为新的 Android Studio 版本，我实际上将这三个一起使用才最终使其工作：

canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);
bitMap.eraseColor(Color.TRANSPARENT);
path.reset();

它们都没有单独工作，花了我相当多的时间来测试......

Answer 21

我必须使用单独的绘图通道来清除画布（锁定、绘制和解锁）：

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

Answer 22

只需调用

canvas.drawColor(Color.TRANSPARENT)