Android 使位图的某些区域在触摸时透明
我的想法是将两个图像重叠在彼此的顶部,并在接触上,顶部图像应在该接触半径上透明,从而露出底部图像 这是我如何覆盖2幅图像的:Android 使位图的某些区域在触摸时透明,android,bitmap,transparent,paint,Android,Bitmap,Transparent,Paint,我的想法是将两个图像重叠在彼此的顶部,并在接触上,顶部图像应在该接触半径上透明,从而露出底部图像 这是我如何覆盖2幅图像的: Bitmap bmOverlay = Bitmap.createBitmap(bmp1.getWidth(), bmp1.getHeight(), bmp1.getConfig()); Canvas canvas = new Canvas(bmOverlay); canvas.drawBitmap(bmp1, new Mat
Bitmap bmOverlay = Bitmap.createBitmap(bmp1.getWidth(), bmp1.getHeight(), bmp1.getConfig());
Canvas canvas = new Canvas(bmOverlay);
canvas.drawBitmap(bmp1, new Matrix(), null);
canvas.drawBitmap(bmp2, new Matrix(), null);
我已经研究过,并有一种如下的油漆使其透明:
mPaint = new Paint();
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC));
mPaint.setColor(Color.TRANSPARENT);
mPaint.setAntiAlias(true);
public void onDraw(Canvas canvas) {
canvas.drawCircle(40, 40, 30, mPaint); //hardcode to test
}
问题是,我认为圆形会直接使两个图像在定义的半径上透明,如何仅使顶部位图透明 嘿,答案就在你的帖子里 基本上可以尝试以下方式:
public void onDraw(Canvas canvas) {
if (myPaintFlag) {
canvas.drawBitmap(bmp1, new Matrix(), null);
canvas.drawBitmap(bmp2, new Matrix(), mPaint);
}
else {
canvas.drawBitmap(bmp1, new Matrix(), mPaint);
canvas.drawBitmap(bmp2, new Matrix(), null);
}
}
我尝试使用mPaint绘制位图,但它会使整个屏幕变成黑色。我猜这样会使整个位图透明?可能是这样。尝试更改绘图顺序。我想我的绘图可能有问题。该解决方案在Android 4.x上非常有效,但在2.x上,圆圈是黑色的,而不是显示后面的图像。有什么想法吗?我试图不使用第二个画布就完成它,但无法让xfer模式工作。请注意,“覆盖”是一个可变位图。欢迎使用。这是一个有趣的问题,我很惊讶它并不像我最初想象的那么容易。xfer模式似乎与从位图派生的画布一样工作,但与属于视图的画布不一样。这就是为什么我用c2@Lumins我需要取第一个图像的精确像素,然后把它放在第二个图像中。这样第二个图像看起来就像第一个图像的某个部分。如何使用xFerMode?在Android 4.x上工作得非常好,但在2.x上,圆圈是黑色的,而不是后面的图像。有什么想法吗?@Lumins我正在尝试使用你的代码,我得到了黑圈只有我在使用安卓4.1.2,请帮助我哪里可能出错。我使用了Mode.CLEAR和Mode.SRC_OUT,但只有黑色图像在绘制,没有任何东西是透明的
import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.BlurMaskFilter.Blur;
import android.graphics.BitmapFactory;
import android.graphics.BlurMaskFilter;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PorterDuff.Mode;
import android.graphics.PorterDuffXfermode;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
public class StartActivity extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(new TouchView(this));
}
class TouchView extends View{
Bitmap bgr;
Bitmap overlayDefault;
Bitmap overlay;
Paint pTouch;
int X = -100;
int Y = -100;
Canvas c2;
public TouchView(Context context) {
super(context);
bgr = BitmapFactory.decodeResource(getResources(),R.drawable.bgr);
overlayDefault = BitmapFactory.decodeResource(getResources(),R.drawable.over);
overlay = BitmapFactory.decodeResource(getResources(),R.drawable.over).copy(Config.ARGB_8888, true);
c2 = new Canvas(overlay);
pTouch = new Paint(Paint.ANTI_ALIAS_FLAG);
pTouch.setXfermode(new PorterDuffXfermode(Mode.SRC_OUT));
pTouch.setColor(Color.TRANSPARENT);
pTouch.setMaskFilter(new BlurMaskFilter(15, Blur.NORMAL));
}
@Override
public boolean onTouchEvent(MotionEvent ev) {
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN: {
X = (int) ev.getX();
Y = (int) ev.getY();
invalidate();
break;
}
case MotionEvent.ACTION_MOVE: {
X = (int) ev.getX();
Y = (int) ev.getY();
invalidate();
break;
}
case MotionEvent.ACTION_UP:
break;
}
return true;
}
@Override
public void onDraw(Canvas canvas){
super.onDraw(canvas);
//draw background
canvas.drawBitmap(bgr, 0, 0, null);
//copy the default overlay into temporary overlay and punch a hole in it
c2.drawBitmap(overlayDefault, 0, 0, null); //exclude this line to show all as you draw
c2.drawCircle(X, Y, 80, pTouch);
//draw the overlay over the background
canvas.drawBitmap(overlay, 0, 0, null);
}
}
}