PorterduffXfermode: Limpar uma seção de um bitmap
O objetivo é simplesmente desenhar um bitmap e, acima de tudo, desenhar formas que APAGAM a área subjacente do bitmap.
Eu criei um código simples de prova de conceito para tentar entender como exatamente eu deveria fazer isso. Nos vários tópicos aqui, encontrei várias dicas sobre o uso:
android.graphics.PorterDuff.Mode.CLEAR
O código abaixo simplesmente cria uma tela com um plano de fundo azul e adiciona uma exibição personalizada. Essa visão desenha em sua tela um fundo rosa, a imagem de bitmap (com uma pequena borda para mostrar o fundo rosa) e círculos de sobreposição amarelos representando cada PorterDuffXfermode.
import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PorterDuffXfermode;
import android.graphics.Paint.Style;
import android.graphics.PorterDuff.Mode;
import android.graphics.RectF;
import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.widget.RelativeLayout;
public class Test extends Activity {
Drawing d = null;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
RelativeLayout.LayoutParams rlp = null;
// Create the view for the xfermode test
d = new Drawing(this);
rlp = new RelativeLayout.LayoutParams(600, 900);
rlp.addRule(RelativeLayout.CENTER_IN_PARENT);
d.setLayoutParams(rlp);
RelativeLayout rl = new RelativeLayout(this);
rl.setBackgroundColor(Color.rgb(0, 0, 255));
rl.addView(d);
// Show the layout with the test view
setContentView(rl);
}
public class Drawing extends View {
Paint[] pDraw = null;
Bitmap bm = null;
public Drawing(Context ct) {
super(ct);
// Generate bitmap used for background
bm = BitmapFactory.decodeFile("mnt/sdcard/Pictures/test.jpg");
// Generate array of paints
pDraw = new Paint[16];
for (int i = 0; i<pDraw.length; i++) {
pDraw[i] = new Paint();
pDraw[i].setARGB(255, 255, 255, 0);
pDraw[i].setStrokeWidth(20);
pDraw[i].setStyle(Style.FILL);
}
// Set all transfer modes
pDraw[0].setXfermode(new PorterDuffXfermode(Mode.CLEAR));
pDraw[1].setXfermode(new PorterDuffXfermode(Mode.DARKEN));
pDraw[2].setXfermode(new PorterDuffXfermode(Mode.DST));
pDraw[3].setXfermode(new PorterDuffXfermode(Mode.DST_ATOP));
pDraw[4].setXfermode(new PorterDuffXfermode(Mode.DST_IN));
pDraw[5].setXfermode(new PorterDuffXfermode(Mode.DST_OUT));
pDraw[6].setXfermode(new PorterDuffXfermode(Mode.DST_OVER));
pDraw[7].setXfermode(new PorterDuffXfermode(Mode.LIGHTEN));
pDraw[8].setXfermode(new PorterDuffXfermode(Mode.MULTIPLY));
pDraw[9].setXfermode(new PorterDuffXfermode(Mode.SCREEN));
pDraw[10].setXfermode(new PorterDuffXfermode(Mode.SRC));
pDraw[11].setXfermode(new PorterDuffXfermode(Mode.SRC_ATOP));
pDraw[12].setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
pDraw[13].setXfermode(new PorterDuffXfermode(Mode.SRC_OUT));
pDraw[14].setXfermode(new PorterDuffXfermode(Mode.SRC_OVER));
pDraw[15].setXfermode(new PorterDuffXfermode(Mode.XOR));
}
@Override
public void onDraw(Canvas canv) {
// Background colour for canvas
canv.drawColor(Color.argb(255, 255, 0, 255));
// Draw the bitmap leaving small outside border to see background
canv.drawBitmap(bm, null, new RectF(15, 15, getMeasuredWidth() - 15, getMeasuredHeight() - 15), null);
float w, h;
w = getMeasuredWidth();
h = getMeasuredHeight();
// Loop, draws 4 circles per row, in 4 rows on top of bitmap
// Drawn in the order of pDraw (alphabetical)
for(int i = 0; i<4; i++) {
for(int ii = 0; ii<4; ii++) {
canv.drawCircle((w / 8) * (ii * 2 + 1), (h / 8) * (i * 2 + 1), w / 8 * 0.8f, pDraw[i*4 + ii]);
}
}
}
}
}
Este é o resultado do teste:
O modo CLEAR é o canto superior esquerdo, que mostra como preto.
Em outro exemplo em que eu estava tentando usar isso eu tinha um DialogFragment onde o modo CLEAR apagou todo o DialogFragment para que a atividade abaixo pudesse ser vista. Daí a razão que eu usei muitas cores de fundo diferentes neste teste.
Poderia isso estar limpando os pixels de toda a atividade como aquele outro exemplo me levou a acreditar? Eu teria pensado que apenas os pixels da tela relacionados à visualização poderiam ser apagados, mas no meu outro exemplo, os pixels da visualização personalizada, da visualização de imagem subjacente e do fundo DialogFragment foram todos limpos.
Alguém poderia me ajudar a entender exatamente o que está acontecendo e por que estou indo tão terrivelmente errado?
Obrigado.
EDITAR: Eu reproduzi um exemplo que confirma minhas suspeitas. Ao adicionar essa exibição personalizada exata, mas em um DialogFragment, a atividade subjacente se torna visível.
Isso parece um indicador bastante claro para mim de que oMode.CLEAR
está de alguma forma apagando a tela das vistas abaixo também? Meu palpite seria o preto no primeiro exemplo é o da visão de nível superior?
Estou pensando que estou fazendo algo muito errado em algum lugar: S