Question

示例android api demo中的Fingerpaint示例不会通过触摸屏幕上的手指来绘制点/点。在代码中他们使用Path来绘制线条，有没有办法用路径绘制圆圈或点？

public class MyView extends View {
    // int bh = originalBitmap.getHeight();
    // int bw = originalBitmap.getWidth();

    public MyView(Context c, int w, int h) {
        super(c);
        mBitmap = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);
        // Bitmap mBitmap =
        // Bitmap.createScaledBitmap(originalBitmap,200,200,true);
        mCanvas = new Canvas(mBitmap);
        mPath = new Path();
        mBitmapPaint = new Paint(Paint.DITHER_FLAG);
        //mBitmapPaint.setColor(Color.YELLOW);
        //mBitmapPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC));
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        // mBitmap = Bitmap.createBitmap(bw, bh, Bitmap.Config.ARGB_8888);
        // mCanvas = new Canvas(mBitmap);
    }


    @Override
    protected void onDraw(Canvas canvas) {
        //canvas.drawColor(customColor);
        canvas.drawBitmap(mBitmap, 0, 0, mBitmapPaint);
        canvas.drawPath(mPath, mPaint);
    }

    // //////************touching evants for painting**************///////
    private float mX, mY;
    private static final float TOUCH_TOLERANCE = 5;

    private void touch_start(float x, float y) {
        //mCanvas.drawCircle(x, y, progress+1, mPaint); 

        mPath.reset();          
        mPath.moveTo(x, y);
        //mPaint.setStyle(Paint.Style.FILL);
        //mPath.addCircle(x, y, (float) (progress+0.15), Direction.CW);  
        mCanvas.drawPath(mPath, mPaint);
        mX = x;
        mY = y;
        //mPaint.setStyle(Paint.Style.STROKE);

    }

    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);
            mX = x;
            mY = y;
        }
    }

    private void touch_up() {
        mPath.lineTo(mX, mY);
        // 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) {
        float x = event.getX();
        float y = event.getY();
        switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            touch_start(x, y);
            invalidate();
            break;
        case MotionEvent.ACTION_MOVE:
            touch_move(x, y);
            invalidate();
            break;
        case MotionEvent.ACTION_UP:
            touch_up();
            invalidate();
            break;
        }
        return true;
    } // end of touch events for image
}

这是代码，我应该在这段代码中编辑什么才能在finertouch上绘制点/点？

Answer 1

有没有办法用路径绘制圆圈或点？

而不是尝试使用Canvas类中的方法drawPoint(float x, float y, Paint paint)。

要在API演示中使用它，您需要更改3件事：

在private boolean mDrawPoint;课程中设置MyView，以区分点击和幻灯片。
如果路径已更改（位于mDrawPoint语句中，请将true设置为touch_start()中的false和touch_move()中的if ）。
在touch_up()中检查mDrawPoint的值。如果它是假的，那么该函数之前做了什么，如果它是真的，那么在画布上绘制点： mCanvas.drawPoint(mX, mY, mPaint);

新版touch_up()：

private void touch_up() {
    if(mDrawPoint == true) {
        mCanvas.drawPoint(mX, mY, mPaint);          
    } else {
        mPath.lineTo(mX, mY);
        // commit the path to our offscreen
        mCanvas.drawPath(mPath, mPaint);
        // kill this so we don't double draw
        mPath.reset();
    }
}

当我在绘制线条后向上移动手指时，它会自动在其旁边绘制一个点，线条结束。当我开始一个新的线/曲线时，先前绘制的线将从画布上移除/清除，只留下后面的点。

您不需要比我的答案更多的修改。你可能忘了实现它的一部分。

我在尝试它时遇到了同样的问题并在发布我的答案之前解决了它。之所以这是因为你在两个不同的画布上绘制，在onDraw方法的基础上，当你的手指起来时它会丢失而另一个是mCanvas，这是touch_up中保存线的地方touch_up 1}}。这就是if有mCanvas：

如果我们没有移动手指（只是点击），那么我们将该点绘制到onDraw，以便它仍然存在于下一个onDraw（mCanvas绘制{ {1}}作为参数接收的画布，以便mCanvas上绘制的旧线和点仍然可见。

如果我们移动了手指，那么我们将传递给onDraw的画布的路径保存到mCanvas，以便在手指抬起后它仍然存在。

你遇到的问题来自于else函数的touch_up部分永远不会被执行，因此在touch_up上会得到一个点，无论它是否应该和路径永远不会被提交到mCanvas，然后在下次调用onDraw时消失。

这很可能源于您在mDrawPoint中将touch_start()设置为true，正如我在第2点中所说的那样。但忘记在{{1}中将mDrawPoint设置为false我在第2点也说过。。

以下是我touch_move的样子：

touch_move

Answer 2

回复很晚，但在touch_start中使用mCanvas.drawPoint(x, y, mPaint);会更容易。

Answer 3

对我有用的简单解决方案就是将以下代码添加到touch_start()：

mPath.quadTo(x, y, x + 0.1f, y);

Answer 4

如果您想继续使用路径，请存储您的ACTION_DOWN坐标并在ACTION_UP中进行比较。如果他们没有移动，请在路径中添加一个小圆圈。

path.addCircle(event.getX(), event.getY(), paint.getStrokeWidth()/4f, Path.Direction.CW);

这种方法的优点在于它很简单，并且圆圈看起来并不完整。

Android FingerPaint示例不会绘制点？

4 个答案: