Android:绘制多条路径

Question

我正在尝试开发一个简单的“触摸绘制”，我想绘制用户放置在 onTouch 监听器中的不同路径。我有一个简单的问题。当我绘制路径时，我获得了在最后一个 onTouch 条目的点中绘制的单个路径。我认为路径都是在最后一条路径上绘制的，因为我使用了 alpha 为 150 的 Paint，它在第二个和后续的 onTouch 条目中看起来更坚固。

我该如何解决？谢谢!

public class PaintView extends View implements OnTouchListener {


List<List<Point>> paths = new ArrayList<List<Point>>();
List<Point> points = new ArrayList<Point>();
Paint paintLine = new Paint();
Paint paintCircle = new Paint();

public PaintView(Context context) {
    super(context);
    setFocusable(true);
    setFocusableInTouchMode(true);

    this.setOnTouchListener(this);

    paintLine = new Paint(Paint.ANTI_ALIAS_FLAG);
    paintLine.setStyle(Paint.Style.STROKE);
    paintLine.setStrokeWidth(10);
    paintLine.setColor(Color.GREEN);
    paintLine.setAlpha(150);
}

public void onDraw(Canvas canvas) {
    Path path = new Path();
    List<Point> pointsList;
    List<Path> pathList = new ArrayList<Path>();
    Point point = new Point();

    for (int i = 0; i < paths.size(); i++) {
        pointsList = paths.get(i);

        path.reset();
        boolean first = true;

        for (int j = 0; j < points.size(); j+=2 ) {
            point = pointsList.get(j);

            if (first) {
                first = false;
                path.moveTo(point.x, point.y);
            } else if (j < pointsList.size() - 1 ) {
                Point nextPoint = pointsList.get(j+1);
                path.quadTo(point.x, point.y, nextPoint.x, nextPoint.y);
            } else {
                path.lineTo(point.x, point.y);
            }

        }

        pathList.add(path);
    }

    for (Path pathDraw : pathList) {
        canvas.drawPath(pathDraw, paintLine);
    }

}

public boolean onTouch(View view, final MotionEvent event) {
    Point point = new Point();
    point.x = event.getX();
    point.y = event.getY();

    switch (event.getAction()) {
    case MotionEvent.ACTION_DOWN:
        // DO SOMETHING
        points.clear();
        points.add(point);
        break;
    case MotionEvent.ACTION_MOVE:
        points.add(point);
        break;
    case MotionEvent.ACTION_UP:
        points.add(point);
        paths.add(points);
        break;
    default:
        return false;
    }
    invalidate();
    return true;


}
}

Answer 1

问题是您正在绘制由 points 中的点构成的路径重复列出。

请注意 invalidate()来电onTouch ，每次调用都会触发一个重绘事件，这会导致 onDraw被调用，此时一切看起来都很好。问题是你只做了 points.clear()在 ACTION_DOWN事件，但您也应该在 ACTION_MOVE 上清除它们和 ACTION_UP事件。相反，您保留之前收集的所有点，并在 onDraw 中绘制由所有这些点构建的路径。 .因此，您实际上是在重复绘制一些使用之前收集的点构建的路径。

请注意，在拖动 Action 中，将有 1 个 ACTION_DOWN、N 个 ACTION_MOVE、0 或 1 个 ACTION_UP 事件。