Сделать наложенное изображение прозрачным на ощупь в Android?
Мне нужна помощь в создании прозрачных областей растрового изображения (кажется, что они стираются), пока я двигаю пальцем по этому изображению.
У меня есть файл PNG с альфа-каналом в нем. Я хочу сделать сенсорные пиксели прозрачными, чтобы пользователь чувствовал, что он действительно стирает их.
Для этого я использую структуру кадра, чтобы загрузить 2 слоя. Нижний слой предназначен для содержимого, а верхний - для просмотра изображения. Мне нужно стереть верхний слой, когда пользователь дотронется и проведет по нему пальцем.
Я не понимаю, как сделать это прозрачным. Может кто-нибудь, пожалуйста, помогите мне в этом. Если возможно, направьте меня к любому примеру кода, так как я очень новичок в этой обработке изображений.
Заранее спасибо.
3 ответа
Вам необходимо установить режим PorterDuff для объекта Paint:
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC))
и рисовать с Color.TRANSPARENT
Также смотрите эту ветку в группе разработчиков Android: http://groups.google.com/group/android-developers/browse_thread/thread/5b0a498664b17aa0/de4aab6fb7e97e38?lnk=gst&q=erase+transparent
ImageView имеет метод setAlpha, который принимает целое число от 0 до 255. Я не знаю, какая прозрачная, а какая непрозрачная, но попытка не займет много времени:P
Это работает, но не рисовать путь.
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);
}
}
}