Android：在透明色中用手指在位圖上繪製

Question

我有一個帶有位圖的ImageView。我想要的：當用戶用手指在位圖上繪製時，此部分應該變爲透明（將像素Alpha值設置爲0），您可以在圖像視圖下看到視圖。 我可以使用ImageView嗎？還是應該實現自定義視圖？

我該如何認識到這一點？ （只是大致）

Answer 1

您可以使用Canvas繪圖。使用可變位圖創建自定義視圖。 擦除可以通過設置噴漆的對象是這樣來實現：

Paint paint = new Paint(); 
paint.setStyle(Paint.Style.FILL); 
paint.setColor(Color.TRANSPARENT); 
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR)); 

實現繪圖：

@Override 
    protected void onSizeChanged(int w, int h, int oldw, int oldh) { 
     super.onSizeChanged(w, h, oldw, oldh); 

     if (w > 0 && h > 0) { 


      // Set up canvas - bitmap can be initialized with your Image 
      mBitmap = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888); 
      mCanvas = new Canvas(mBitmap); 

     } 
    } 

    @Override 
    protected void onDraw(Canvas canvas) { 
     super.onDraw(canvas); 

     if (mBitmap == null || mCanvas == null || mPath == null) { 
      return; 
     } 
     mCanvas.drawPath(mPath, mPaint); 
     canvas.drawBitmap(mBitmap, 0, 0, mBitmapPaint); 

     canvas.drawPath(circlePath, circlePaint); 
    } 


    private float mX, mY; 
    private static final float TOUCH_TOLERANCE = 4; 

    private void touchStart(float x, float y) { 
     mPath.reset(); 
     mPath.moveTo(x, y); 
     mX = x; 
     mY = y; 

    } 

    private void touchMove(float x, float y) { 
     float dx = Math.abs(x - mX); 
     float dy = Math.abs(y - mY); 
     if (dx >= TOUCH_TOLERANCE || dy >= TOUCH_TOLERANCE) { 
      mPath.quadTo(mX, mY, (x + mX)/2, (y + mY)/2); 

      mX = x; 
      mY = y; 

      circlePath.reset(); 
      circlePath.addCircle(mX, mY, 30, Path.Direction.CW); 
     } 
    } 

    private void touchUp() { 
     mPath.lineTo(mX + 1, mY + 1); 
     circlePath.reset(); 
     // commit the path to our offscreen 
     mCanvas.drawPath(mPath, mPaint); 
     // kill this so we don't double draw 
     mPath.reset(); 
    } 

    @Override 
    public boolean onTouchEvent(MotionEvent event) { 
     if (!isEnabled()) { 
      return true; 
     } 
     float x = event.getX(); 
     float y = event.getY(); 

     switch (event.getAction()) { 
      case MotionEvent.ACTION_DOWN: 
       touchStart(x, y); 
       invalidate(); 
       break; 
      case MotionEvent.ACTION_MOVE: 
       touchMove(x, y); 
       invalidate(); 
       break; 
      case MotionEvent.ACTION_UP: 
       touchUp(); 
       invalidate(); 
       break; 
     } 
     return true; 
    }