Android:绘制多个路径

时间:2012-05-13 00:20:32

标签: android path android-canvas

我正在尝试开发一个简单的“触摸式”,我想绘制用户放置在onTouch监听器中的不同路径。 我有一个简单的问题。当我绘制路径时,我获得了在最后一个onTouch条目的点中绘制的单个路径。 我认为路径都是在最后一条路径上绘制的,因为我使用了一个150 alpha的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;


}
}

1 个答案:

答案 0 :(得分:1)

问题是您正在绘制使用points列表中的点重复构建的路径。

请注意invalidate()调用onTouch,每次调用都会触发重绘事件,导致onDraw被调用,此时一切正常。问题是您只对points.clear()事件ACTION_DOWN进行了操作,但应该>在ACTION_MOVEACTION_UP事件中清除它们。相反,您保留先前收集的所有点,并绘制使用onDraw中所有这些点构建的路径。因此,您正在有效地绘制一些使用先前收集的点构建的路径。

请注意,在拖动动作中,会有 1 ACTION_DOWN N ACTION_MOVE 0或1个ACTION_UP 事件。