Android, canvas: Làm cách nào để xóa (xóa nội dung của) canvas (= bitmaps), sống trong surfaceView?

Để tạo một trò chơi đơn giản, tôi đã sử dụng một mẫu vẽ canvas với bitmap như sau:

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

(Khung được định nghĩa trong "run ()" / SurfaceView nằm trong GameThread.)

Câu hỏi đầu tiên của tôi là làm cách nào để xóa (hoặc vẽ lại) toàn bộ canvas cho một bố cục mới?
Thứ hai, làm cách nào tôi có thể cập nhật chỉ một phần của màn hình?

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

Làm cách nào để xóa (hoặc vẽ lại) canvas TOÀN BỘ để có bố cục mới (= thử trong trò chơi)?

Chỉ cần gọi Canvas.drawColor(Color.BLACK), hoặc bất kỳ màu nào bạn muốn xóa Canvas.

Và: làm thế nào tôi có thể cập nhật chỉ một phần của màn hình?

Không có phương pháp nào chỉ cập nhật một "phần của màn hình" vì hệ điều hành Android đang vẽ lại mọi pixel khi cập nhật màn hình. Tuy nhiên, khi bạn không xóa các bản vẽ cũ trên của mình Canvas, các bản vẽ cũ vẫn còn trên bề mặt và đó có thể là một cách để "chỉ cập nhật một phần" của màn hình.

Vì vậy, nếu bạn muốn "cập nhật một phần của màn hình", chỉ cần tránh Canvas.drawColor()phương thức gọi .

Vẽ màu trong suốt với chế độ xóa PorterDuff thực hiện thủ thuật cho những gì tôi muốn.

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

Tìm thấy điều này trong các nhóm của Google và điều này đã làm việc cho tôi ..

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

Thao tác này sẽ xóa các hình chữ nhật trong bản vẽ, v.v. trong khi vẫn giữ bản đồ bit đã đặt ..

Tôi đã thử câu trả lời của @mobistry:

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

Nhưng nó không hiệu quả với tôi.

Giải pháp, đối với tôi, là:

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

Có thể một số người có cùng một vấn đề.

sử dụng phương pháp đặt lại của lớp Path

Path.reset();

mBitmap.eraseColor(Color.TRANSPARENT);

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

vui lòng dán đoạn mã dưới đây vào hàm tạo lớp mở rộng surfaceview .............

mã hóa nhà xây dựng

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

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

mã hóa 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" />

thử mã trên ...

Đây là mã của một ví dụ tối thiểu cho thấy rằng bạn luôn phải vẽ lại mọi pixel của Canvas tại mỗi khung.

Hoạt động này vẽ một Bitmap mới mỗi giây trên SurfaceView mà không cần xóa màn hình trước đó. Nếu bạn kiểm tra nó, bạn sẽ thấy rằng bitmap không phải lúc nào cũng được ghi vào cùng một bộ đệm và màn hình sẽ xen kẽ giữa hai bộ đệm.

Tôi đã thử nghiệm nó trên điện thoại của mình (Nexus S, Android 2.3.3) và trên trình giả lập (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();
                }
            }
        }   
    }
}

Đối với tôi, gọi điện Canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR)hoặc một cái gì đó tương tự sẽ chỉ hoạt động sau khi tôi chạm vào màn hình. VẬY, tôi sẽ gọi dòng mã trên nhưng màn hình sẽ chỉ rõ ràng sau khi tôi chạm vào màn hình. Vì vậy, những gì làm việc cho tôi là gọi invalidate()theo sau init()là gọi tại thời điểm tạo để khởi tạo chế độ xem.

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

Xóa trên Canvas trong java android cũng tương tự như xóa HTML Canvas thông qua javascript với globalCompositeOperation. Logic tương tự.

U sẽ chọn logic DST_OUT (Destination Out).

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

Lưu ý: DST_OUT hữu ích hơn vì nó có thể xóa 50% nếu màu sơn có 50% alpha. Vì vậy, để rõ ràng hoàn toàn đến trong suốt, alpha của màu phải là 100%. Nên áp dụng paint.setColor (Color.WHITE). Và đảm bảo rằng định dạng hình ảnh canvas là RGBA_8888.

Sau khi xóa, quay lại bản vẽ bình thường với SRC_OVER (Nguồn Over).

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

Cập nhật màn hình hiển thị khu vực nhỏ theo nghĩa đen sẽ cần truy cập phần cứng đồ họa và nó có thể không được hỗ trợ.

Gần nhất để có hiệu suất cao nhất là sử dụng nhiều lớp hình ảnh.

Đừng quên gọi voidate ();

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

Cố gắng xóa chế độ xem tại onPause () của một hoạt động và thêm onRestart ()

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

Thời điểm bạn thêm chế độ xem của mình, phương thức onDraw () sẽ được gọi.

YourCustomView, là một lớp mở rộng lớp View.

Trong trường hợp của tôi, tôi vẽ canvas của mình thành tuyến tính. Để làm sạch và vẽ lại một lần nữa:

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

và sau đó, tôi gọi lớp với các giá trị mới:

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

Đây là lớp 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
    }
}

Với cách tiếp cận sau, bạn có thể xóa toàn bộ canvas hoặc chỉ một phần của nó.
Xin đừng quên tắt Tăng tốc phần cứng vì PorterDuff.Mode.CLEAR không hoạt động với tăng tốc phần cứng và cuối cùng sẽ gọi setWillNotDraw(false)vì chúng tôi ghi đè onDrawphương thức.

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

Yêu cầu đầu tiên của bạn, cách xóa hoặc vẽ lại toàn bộ canvas - Trả lời - sử dụng phương thức canvas.drawColor (color.Black) để xóa màn hình bằng màu đen hoặc bất kỳ màu gì bạn chỉ định.

Yêu cầu thứ hai của bạn, làm thế nào để cập nhật một phần của màn hình - Trả lời - ví dụ: nếu bạn muốn giữ tất cả những thứ khác không thay đổi trên màn hình nhưng trong một vùng nhỏ của màn hình để hiển thị một số nguyên (giả sử là bộ đếm) tăng sau mỗi năm giây. sau đó sử dụng phương thức canvas.drawrect để vẽ vùng nhỏ đó bằng cách chỉ định bên trái trên cùng bên phải và tô. sau đó tính toán giá trị bộ đếm của bạn (sử dụng postdalayed trong 5 giây, v.v., giống như Handler.postDelayed (Runnable_Object, 5000);), chuyển đổi nó thành chuỗi văn bản, tính toán tọa độ x và y trong trực tràng nhỏ này và sử dụng chế độ xem văn bản để hiển thị sự thay đổi giá trị truy cập.

Tôi phải sử dụng một pass vẽ riêng để xóa canvas (khóa, vẽ và mở khóa):

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

Chỉ cần gọi

canvas.drawColor (Color.TRANSPARENT)