如何在Android中通过拖动绘制线条

Question

如果我把筹码拖离初始位置，它应该画一条线。当我移动筹码时，它应该总是画一条线。

这就是我所尝试的：

case MotionEvent.ACTION_UP:
            Toast.makeText(this, "here", Toast.LENGTH_SHORT).show();
            Bitmap bitmap = Bitmap.createBitmap((int) getWindowManager()
                    .getDefaultDisplay().getWidth(), (int) getWindowManager()
                    .getDefaultDisplay().getHeight(), Bitmap.Config.ARGB_8888);
            Canvas canvas = new Canvas(bitmap);
            Paint paint = new Paint();
            paint.setColor(Color.BLACK);
            paint.setStrokeWidth(10);
            int startx = 50;
            int starty = 100;
            int endx = 150;
            int endy = 210;
            canvas.drawLine(startx, starty, endx, endy, paint);
            break;

我将该代码放在芯片的ontouch listener中。您可以在此处下载该项目：https://www.dropbox.com/s/ggfbsbkaokj9vxi/CoachingBoard.rar?dl=0

Answer 1

通过拖动绘制直线的最佳解决方案是从ACTION\u向下获取x和y位置，然后从ACTION\u MOVE获取下一个x和y位置，在switch语句之外，使画布无效。使用此起始x、y和结束x、y位置绘制线。

这些代码的所有解释如下：

public class TouchEventView extends View {
float downxpos;
float downypos;
float upxpos;
float upypos;
private Paint paint = new Paint();
private Path path = new Path()
public TouchEventView(Context context, AttributeSet attrs) {
    super(context, attrs);
    paint.setColor(Color.GREEN);       
}

@Override
protected void onDraw(Canvas canvas) {
        canvas.drawLine(downxpos, downypos, upxpos, upypos, paint);
}

@Override
public boolean onTouchEvent(MotionEvent event) {
    switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            downxpos = event.getX();
            downypos = event.getY();
        case MotionEvent.ACTION_MOVE:
            upxpos = event.getX();
            upypos = event.getY();
            break;
        default:
            return false;
    }
    invalidate();
    return true;
}

}

希望这将帮助你和其他社区，如果你需要更多的描述，请随时询问。

Answer 2

在进一步检查了您的代码之后，我相信我已经达到了您想要的效果。

我们将转到DrawingView，为drawCanvas定义一个getter，这样我们就可以在DrawingView类之外访问画布。

接下来，我们将前往篮球，并执行以下操作：

float startX;
float startY;
public boolean onTouch(View view, MotionEvent event) {
    switch(event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            startX = event.getRawX();
            startY = event.getRawY();
            ...
            break;

        case MotionEvent.ACTION_UP:
            Paint paint = new Paint(); //set this as a field in drawView with another getter to avoid garbage collection penalties
            paint.setStrokeWidth(15f);
            paint.setColor(Color.BLACK);
            drawView.getCanvas().drawLine(startX, startY, event.getRawX(), event.getRawY(), paint);
            drawView.invalidate();
            break;
    }
}

这样做的作用：当你拿起芯片时，它会保存起始坐标，当你放下芯片时，它会在你的绘图视图中从头到尾画一条线。

你甚至可以把线画成一条连续的路径，这样线总是相互接触的，但这超出了这个答案的范围。