Android, canvas: ฉันจะล้าง (ลบเนื้อหาของ) canvas (= bitmaps) โดยอาศัยอยู่ใน 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);  }   }   }       }

ฉันจะล้าง (หรือวาดใหม่) ผืนผ้าใบทั้งหมดสำหรับเลย์เอาต์ใหม่ได้อย่างไร (= ลองที่เกม)

เพียงแค่โทรCanvas.drawColor(Color.BLACK)หรือสีอะไรก็ได้ที่คุณต้องการล้างของคุณCanvasด้วย

และ: ฉันจะอัปเดตเพียงบางส่วนของหน้าจอได้อย่างไร?

ไม่มีวิธีการดังกล่าวที่อัปเดต "ส่วนหนึ่งของหน้าจอ" เนื่องจากระบบปฏิบัติการ Android จะวาดใหม่ทุกพิกเซลเมื่ออัปเดตหน้าจอ แต่เมื่อคุณไม่ได้ล้างภาพวาดเก่า ๆ บนภาพวาดCanvasเก่า ๆ ก็ยังคงอยู่บนพื้นผิวและนั่นอาจเป็นวิธีหนึ่งในการ "อัปเดตเพียงบางส่วน" ของหน้าจอ

ดังนั้นหากคุณต้องการ "อัปเดตส่วนหนึ่งของหน้าจอ" ให้หลีกเลี่ยงCanvas.drawColor()วิธีการโทร

วาดสีโปร่งใสด้วยโหมดเคลียร์ PorterDuff เป็นเคล็ดลับสำหรับสิ่งที่ฉันต้องการ

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

พบสิ่งนี้ในกลุ่ม Google และสิ่งนี้ได้ผลสำหรับฉัน ..

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

สิ่งนี้จะลบรูปวาดสี่เหลี่ยม ฯลฯ ในขณะที่เก็บบิตแมปที่ตั้งไว้ ..

ใช้วิธีการรีเซ็ตคลาส Path

Path.reset();

ฉันลองคำตอบของ @mobistry:

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

แต่มันไม่ได้ผลสำหรับฉัน

วิธีแก้ปัญหาสำหรับฉันคือ:

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

อาจมีบางคนมีปัญหาเดียวกัน

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 โดยไม่ต้องล้างหน้าจอก่อน หากคุณทดสอบคุณจะเห็นว่าบิตแมปไม่ได้ถูกเขียนลงในบัฟเฟอร์เดียวกันเสมอไปและหน้าจอจะสลับกันระหว่างสองบัฟเฟอร์

ฉันทดสอบบนโทรศัพท์ของฉัน (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);

การลบบน Canvas ใน java android นั้นคล้ายกับการลบ HTML Canvas ผ่านทางจาวาสคริปต์ด้วย globalCompositeOperation ตรรกะคล้ายกัน

คุณจะเลือกตรรกะ DST_OUT (ปลายทางออก)

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

หมายเหตุ: DST_OUT มีประโยชน์มากกว่าเนื่องจากสามารถลบได้ 50% หากสีของสีมีอัลฟา 50% ดังนั้นเพื่อให้ชัดเจนถึงความโปร่งใสอัลฟาของสีต้องเป็น 100% แนะนำให้ใช้ paint.setColor (Color.WHITE) และตรวจสอบให้แน่ใจว่ารูปแบบภาพแคนวาสเป็น RGBA_8888

หลังจากลบแล้วให้กลับไปที่ภาพวาดปกติด้วย SRC_OVER (Source 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) เพื่อล้างหน้าจอด้วยสีดำหรืออะไรก็ตามที่คุณระบุ

ข้อกำหนดประการที่สองของคุณวิธีอัปเดตส่วนหนึ่งของหน้าจอ - คำตอบ - ตัวอย่างเช่นหากคุณต้องการให้สิ่งอื่น ๆ ทั้งหมดไม่เปลี่ยนแปลงบนหน้าจอ แต่ในพื้นที่เล็ก ๆ ของหน้าจอเพื่อแสดงจำนวนเต็ม (พูดว่าตัวนับ) ซึ่งจะเพิ่มขึ้นทุกๆห้าวินาที จากนั้นใช้วิธี canvas.drawrect เพื่อวาดพื้นที่เล็ก ๆ นั้นโดยระบุซ้ายบนขวาล่างแล้วระบายสี จากนั้นคำนวณค่าตัวนับของคุณ (โดยใช้ postdalayed เป็นเวลา 5 วินาทีเป็นต้นเช่น Handler.postDelayed (Runnable_Object, 5000);) แปลงเป็นสตริงข้อความคำนวณพิกัด x และ y ใน rect ขนาดเล็กนี้และใช้มุมมองข้อความเพื่อแสดงการเปลี่ยนแปลง มูลค่าเคาน์เตอร์

ฉันต้องใช้บัตรวาดภาพแยกต่างหากเพื่อล้างผืนผ้าใบ (ล็อควาดและปลดล็อก):

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 (สี TRANSPARENT)