Android, tuval: Bir SurfaceView'da yaşayan bir tuvali (= bitmap'leri) nasıl temizlerim (içeriğini silerim)?

Basit bir oyun yapmak için, bunun gibi bitmap'lerle bir tuval çizen bir şablon kullandım:

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

(Kanvas "run ()" içinde tanımlanmıştır / SurfaceView bir GameThread içinde yaşar.)

İlk sorum, yeni bir düzen için tüm tuvali nasıl temizlerim (veya yeniden çizerim) ?
İkincisi, ekranın sadece bir bölümünü nasıl güncelleyebilirim?

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

Yeni bir düzen için BÜTÜN tuvali nasıl temizlerim (veya yeniden çizerim) (= oyunda deneyin)?

Sadece arayın Canvas.drawColor(Color.BLACK)veya istediğiniz renkle temizleyin Canvas.

Ve: ekranın sadece bir bölümünü nasıl güncelleyebilirim?

Android OS ekranı güncellerken her pikseli yeniden çizdiği için "ekranın bir bölümünü" güncelleyen böyle bir yöntem yoktur. Ancak, eski çizimlerinizi temizlemediğinizde Canvas, eski çizimler hala yüzeydedir ve bu muhtemelen ekranın "yalnızca bir bölümünü güncellemenin" bir yoludur.

Bu nedenle, "ekranın bir bölümünü güncellemek" istiyorsanız, Canvas.drawColor()yöntemi çağırmaktan kaçının .

PorterDuff net modu ile şeffaf renk çiz, istediğim şeyi yapıyor.

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

Bunu google gruplarında buldum ve bu benim için çalıştı ..

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

Bu, ayarlanan bitmap'i korurken çizim dikdörtgenlerini vb. Kaldırır.

Path sınıfının sıfırlama yöntemini kullanın

Path.reset();

@Mobistry'nin cevabını denedim:

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

Ama benim için işe yaramadı.

Benim için çözüm şuydu:

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

Belki birinin sorunu aynıdır.

mBitmap.eraseColor(Color.TRANSPARENT);

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

lütfen aşağıdaki kodu yüzey görünümünde genişletme sınıf yapıcısına yapıştırın .............

yapıcı kodlama

    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 kodlaması

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

yukarıdaki kodu deneyin ...

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

İşte her karede Canvas'ın her pikselini her zaman yeniden çizmeniz gerektiğini gösteren minimal bir örneğin kodu.

Bu etkinlik, daha önce ekranı temizlemeden SurfaceView üzerinde her saniye yeni bir Bitmap çizer. Test ederseniz, bit eşlemin her zaman aynı arabelleğe yazılmadığını ve ekranın iki arabellek arasında değişeceğini göreceksiniz.

Telefonumda (Nexus S, Android 2.3.3) ve emülatörde (Android 2.2) test ettim.

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

Benim için aramak Canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR)veya benzeri bir şey sadece ekrana dokunduktan sonra işe yarayacaktır. Bu yüzden yukarıdaki kod satırını çağırırdım, ancak ekran ancak ekrana dokunduktan sonra temizlenirdi. Bu yüzden benim için işe yarayan şey, invalidate()onu çağırmaktı ve ardından bunu init()yaratma sırasında görüşü başlatmak için çağırdı.

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

Java android'de Canvas'ta silmek, globalCompositeOperation ile javascript aracılığıyla HTML Canvas'ı silmeye benzer. Mantık benzerdi.

U, DST_OUT (Hedef Çıkış) mantığını seçecektir.

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

Not: DST_OUT daha kullanışlıdır çünkü boya rengi% 50 alfa içeriyorsa% 50 silebilir. Bu nedenle, tamamen şeffaf hale getirmek için renk alfa% 100 olmalıdır. Paint.setColor (Color.WHITE) uygulanması önerilir. Ve tuval görüntü formatının RGBA_8888 olduğundan emin olun.

Silme işleminden sonra SRC_OVER (Kaynak Bitti) ile normal çizime geri dönün.

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

Küçük alan ekranını tam anlamıyla güncellemek, grafik donanımına erişmeye ihtiyaç duyacaktır ve desteklenmeyebilir.

En yüksek performans için en yakın olanı çoklu görüntü katmanı kullanmaktır.

Validate () işlevini çağırmayı unutmayın;

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

Görünümü onPause () 'da kaldırmayı ve onRestart () eklemeyi deneyin.

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

Görünümünüzü eklediğiniz an, onDraw () yöntemi çağrılır.

YourCustomView, View sınıfını genişleten bir sınıftır.

Benim durumumda, tuvalimi doğrusal düzende çiziyorum. Yeniden temizlemek ve yeniden çizmek için:

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

ve sonra sınıfı yeni değerlerle çağırırım:

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

Lienzo sınıfı budur:

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

Aşağıdaki yaklaşımla tuvali tamamen veya sadece bir kısmını temizleyebilirsiniz.
Lütfen, PorterDuff.Mode.CLEAR donanım hızlandırma ile çalışmadığı için Donanım hızlandırmayı devre dışı bırakmayı unutmayın ve en sonunda yöntemi setWillNotDraw(false)geçersiz kıldığımız için çağırıyoruz 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); 

İlk gereksiniminiz, tüm tuvali nasıl temizleyeceğiniz veya yeniden çizeceğiniz - Cevapla - ekranı siyah bir renkle veya belirttiğiniz herhangi bir şeyle temizlemek için canvas.drawColor (color.Black) yöntemini kullanın.

İkinci gereksiniminiz, ekranın bir bölümünü nasıl güncelleyeceğiniz - Cevapla - örneğin, ekranda diğer her şeyi değişmeden tutmak istiyorsanız, ancak ekranın küçük bir alanında her beş saniyeden sonra artan bir tamsayı (sayacı diyelim) göstermek istiyorsanız. ardından, sol üst sağ alt ve boyayı belirterek bu küçük alanı çizmek için canvas.drawrect yöntemini kullanın. daha sonra sayaç değerinizi hesaplayın (Handler.postDelayed (Runnable_Object, 5000); gibi, 5 saniye için postdalayed kullanarak), bunu metin dizesine dönüştürün, x ve y koordinatını bu küçük doğrultuda hesaplayın ve değişiklikleri görüntülemek için metin görünümünü kullanın sayaç değeri.

Tuvali temizlemek için ayrı bir çizim geçişi kullanmak zorunda kaldım (kilitle, çiz ve kilidi 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);
    }
}

Sadece ara

canvas.drawColor (Renk.TRANSPARENT)