【问题标题】:Eraser with PorterDuff.Mode.CLEAR always draws a black line, where i want to delete带有 PorterDuff.Mode.CLEAR 的橡皮擦总是画一条黑线,我想在哪里删除
【发布时间】:2013-02-06 13:33:30
【问题描述】:

我可以让它绘制路径,我可以移动手指用透明线删除,还是根本不绘制?

这就是我实例化橡皮擦的方式:

 OnClickListener eraseListener = new OnClickListener() {

        @Override
        public void onClick(View v) {
            mPaint.setColor(0x00000000);
            mPaint.setXfermode(clear);
            mPaint.setAlpha(0x00);
            myView.setPaint(mPaint);
            LogService.log("PaintActivity", "------in eraseListener");

        }
    };

这会从包含画布的我的视图中设置绘画。 这里我有以下运动事件:

private void touch_start(float x, float y) {
    mPath.reset();
    mPath.moveTo(x, y);
    mX = x;
    mY = y;
}
private void touch_move(float x, float y) {
    float dx, dy;
        dx = Math.abs(x - mX);
        dy = Math.abs(y - mY);
    if ((dx >= TOUCH_TOLERANCE) || (dy >= TOUCH_TOLERANCE)) {
        undoPath.quadTo(mX, mY, (x + mX) / 2, (y + mY) / 2);
        mPath.quadTo(mX, mY, (x + mX) / 2, (y + mY) / 2);
            mX = x;
            mY = y;
    }
}
private void touch_up() {
    mPath.lineTo(mX, mY);
    mPath.moveTo(mX, mY);
    canvas.drawPath(mPath, paint);
    mPath.reset();
}
public boolean onTouchEvent(MotionEvent event) {
    float x = event.getX();
    float y = event.getY();
    switch (event.getAction()) {
    case MotionEvent.ACTION_DOWN:
        touch_start(x, y);
        break;
    case MotionEvent.ACTION_MOVE:
        touch_move(x, y);
        invalidate();
        break;
    case MotionEvent.ACTION_UP:
        touch_up();
        invalidate();
        break;
    }
    return true;
}

现在,如果我想擦除,正如我所说,当我移动手指时,它会在那条路径上画一条黑线。当我在 touch_up 上取下手指时,它会擦除​​它绘制的黑线背面的内容。如果我评论 invalidate(); touch_move 函数中的线,那么它就不会画出那条黑线,而且,它只会在 touch_up 上擦除。我不能让它实时擦除吗?

【问题讨论】:

  • Offtopic:我看到您回答了很多您自己的问题,这可能表明您在提出问题之前没有付出太多努力。请考虑一下。与您的问题相关,您不能简单地在两个连续的移动触摸点之间制作一条小路径并绘制/清除该小路径(类似于您在移动和向上触摸事件之间制作的内容),在每次移动后重置路径吗?
  • 不,因为我需要从触摸屏幕的那一刻(touch_down)到我松开屏幕的那一刻(touch_up),路径是连续的。因为我需要保存整个路径,以防我想调用 Undo 函数。绘制、擦除和移动图片/形状所使用的路径也相同
  • 你可以有一个额外的路径来存储用户所做的整个动作(你现在使用的)和一个临时的小路径来做我上面所说的。
  • 它应该是实时的,并且随着无效,它会这样做,唯一的问题是搬运工 duff 用黑线绘制,即使我将它设置为任何其他颜色,或者如果我设置阿尔法
  • @rosualin 你有没有解决你的问题,因为我也面临同样的问题看看我的问题stackoverflow.com/questions/16229496/…

标签: android canvas path paint erase


【解决方案1】:

我是这样解决的:

private void touch_move(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);

        mPath.lineTo(mX, mY);
        // commit the path to our offscreen
        mCanvas.drawPath(mPath, mPaint);
        mPath.reset();
        mPath.moveTo(mX, mY);

        mX = x;
        mY = y;
    }
}

这里我在路径中添加了一条线,绘制了路径,重置了路径并在touch_move方法中使用了moveTo

touch_up 上我只使用mPath.reset()

private void touch_up() {

    // kill this so we don't double draw
     mPath.reset();

}

这使我的橡皮擦透明——擦除时不会画黑线。

【讨论】:

  • 效果很好,但是如何使用这个实现撤销功能呢?
  • 使用这个答案的缺点,它会创建一条模糊线。
【解决方案2】:

只需关闭 HWA。

或者你可以在构造函数中添加这一行

setLayerType(View.LAYER_TYPE_SOFTWARE, mPaint);

【讨论】:

    【解决方案3】:

    要在没有黑线的情况下擦除,请修改 onDraw() 中的代码:

    @Override
    protected void onDraw(Canvas canvas) {
        canvas.drawBitmap(mBitmap, 0, 0, mBitmapPaint);
        if (mMode != PAINT_MODE) {
            return;
        }
        canvas.drawPath(mPath, mPaint);
    }
    

    如果你想让手指擦除更自然,修改touch_move()的代码

    if (dx >= TOUCH_TOLERANCE || dy >= TOUCH_TOLERANCE) {
        mPath.quadTo(mX, mY, (x + mX) / 2, (y + mY) / 2);
        mX = x;
        mY = y;
        if (mMode != PAINT_MODE) {
            mCanvas.drawPath(mPath, mPaint);
        }
    

    【讨论】:

    • 什么是 PAINT_MODE 和 mMode?​​span>
    • 您自己的值,指示您当前使用的绘图模式。例如 PAINT_MODE = 0; ERASE_MODE = 1;
    【解决方案4】:

    在画布上绘制原始位图之前,只需再绘制一个相同大小的透明位图。

    Bitmap b = Bitmap.createBitmap(orgBM.getWidth(), orgBM.getHeight(), Bitmap.Config.ARGB_8888);
    
    Canvas c = new Canvas();
    c.setBitmap(b);
    
    c.drawBitmap(orgBM, 0, 0, null);
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2011-04-16
      • 2013-10-19
      • 2019-01-30
      • 1970-01-01
      • 2014-05-14
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多