Android流程图APP：Canvas绘图的删除/撤销/重定位及pinch缩放实现咨询

安全阿岳

2026-5-20

嘿，看起来你已经把Android流程图应用的基础框架搭得相当扎实了！我来给你梳理一下这些进阶功能的具体实现思路，都是实战中验证过的方案，应该能帮你快速落地：

一、删除与图形重定位的实现

这两个功能核心是图形的选中状态管理和触摸事件的精准处理：

图形选中与删除：
1. 给每个自定义的图形类（比如FlowShape）添加isSelected属性，用来标记是否被选中。
2. 在Canvas的触摸事件回调（onTouchEvent）里，处理点击/长按事件：遍历所有已添加的图形，判断触摸点是否在图形的边界范围内，把对应的图形标记为选中状态，同时取消其他图形的选中。
3. 工具栏添加删除按钮，点击时遍历图形列表，移除所有isSelected为true的图形，然后调用invalidate()触发Canvas重绘。
图形重定位（拖拽移动）：
1. 同样基于触摸事件，当检测到ACTION_DOWN时，如果触摸点落在某个图形内，记录当前触摸点的坐标和该图形的原始坐标。
2. 在ACTION_MOVE事件中，计算触摸点的偏移量（dx = event.getX() - downX，dy = event.getY() - downY），然后更新选中图形的坐标（shape.x = originalX + dx，shape.y = originalY + dy）。
3. 每次移动后调用invalidate()实时刷新Canvas，就能看到图形跟着手指移动了。

二、撤销/重做功能的实现

这个功能的核心是命令模式（Command Pattern），把每个用户操作封装成可撤销的命令对象：

定义一个Command接口，包含execute()和undo()两个方法。
针对不同操作创建具体的命令类：比如AddShapeCommand、DeleteShapeCommand、MoveShapeCommand、ResizeShapeCommand。每个命令类要保存操作前后的状态，比如MoveShapeCommand要记录图形移动前的坐标，DeleteShapeCommand要保存被删除的图形对象和它的索引位置。
维护两个栈：undoStack（存储已执行的命令）和redoStack（存储被撤销的命令）。
- 用户执行操作时，创建对应的命令对象，调用execute()完成操作，然后把命令压入undoStack，同时清空redoStack（因为新操作会打断重做的历史）。
- 点击撤销按钮时，如果undoStack不为空，弹出栈顶命令调用undo()，然后把这个命令压入redoStack，最后重绘Canvas。
- 点击重做按钮时，如果redoStack不为空，弹出栈顶命令调用execute()，再压回undoStack，重绘Canvas。
举个例子：DeleteShapeCommand的execute()会移除图形并保存它，undo()会把保存的图形重新添加回原来的位置。

三、Pinch手势缩放功能的实现

Android提供了ScaleGestureDetector来处理双指缩放手势，结合Canvas的矩阵变换就能实现全局缩放：

在自定义View中初始化ScaleGestureDetector，并重写onTouchEvent，将触摸事件传递给探测器：

private ScaleGestureDetector scaleDetector;
private float scaleFactor = 1.0f;
private float pivotX, pivotY; // 缩放中心点

public FlowCanvasView(Context context) {
    super(context);
    scaleDetector = new ScaleGestureDetector(context, new ScaleListener());
}

@Override
public boolean onTouchEvent(MotionEvent event) {
    scaleDetector.onTouchEvent(event);
    // 这里还要处理之前的选中、拖拽事件，注意手势优先级
    return super.onTouchEvent(event);
}

实现ScaleGestureDetector.SimpleOnScaleGestureListener，在onScale回调中更新缩放比例和中心点：

private class ScaleListener extends ScaleGestureDetector.SimpleOnScaleGestureListener {
    @Override
    public boolean onScale(ScaleGestureDetector detector) {
        scaleFactor *= detector.getScaleFactor();
        // 限制缩放范围，比如最小0.5倍，最大3倍
        scaleFactor = Math.max(0.5f, Math.min(scaleFactor, 3.0f));
        // 记录缩放中心点
        pivotX = detector.getFocusX();
        pivotY = detector.getFocusY();
        invalidate();
        return true;
    }
}

在onDraw方法中，应用缩放矩阵到Canvas：

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    // 保存Canvas状态，缩放后恢复
    canvas.save();
    // 以pivotX、pivotY为中心进行缩放
    canvas.scale(scaleFactor, scaleFactor, pivotX, pivotY);
    // 遍历绘制所有图形，注意图形的坐标和大小已经基于scaleFactor适配
    for (FlowShape shape : shapeList) {
        shape.draw(canvas);
    }
    canvas.restore();
}

额外注意：如果要让缩放后的拖拽操作正常工作，需要把触摸点的坐标按缩放比例反向转换，比如float realX = event.getX() / scaleFactor，再用转换后的坐标去判断图形的选中和移动。

这些功能都是Android绘图应用的标准玩法，你可以先从删除和重定位入手，再逐步实现撤销重做和缩放，每完成一个功能就做小范围测试，这样不容易出问题～

内容的提问来源于stack exchange，提问作者GorkemSahin