1. 图形重绘问题的本质与解决思路
在Java图形界面开发中，图形重绘是一个常见但容易被忽视的问题。当用户调整窗口大小、最小化后恢复窗口，或者窗口被其他窗口遮挡后重新显示时，原本绘制在面板上的图形会神秘消失。这种现象背后的原理其实很简单：
每次窗口需要重绘时，Java的AWT/Swing框架会自动调用组件的paint()方法。如果我们没有在paint()方法中保存和恢复图形的逻辑，那么每次重绘时，组件就会像一张白纸一样被重新绘制，之前的所有绘图操作痕迹都会消失。
关键点：
paint()方法是瞬时性的，它不会自动记住之前的绘制内容。这与我们日常使用的Photoshop等绘图软件有本质区别，那些软件会维护一个持久的画布状态。
解决这个问题的核心思路是：
- 将每次绘图操作的参数（坐标、颜色、图形类型等）保存起来
- 在
paint()方法被调用时，根据保存的参数重新绘制所有图形 - 使用合适的数据结构来管理这些绘图参数
2. Shapes类的设计与实现
2.1 类结构设计
Shapes类是我们解决方案的核心数据载体，它需要记录足够的信息来重现一个图形：
java复制public class Shapes {
// 基本图形参数
public int x1, y1, x2, y2; // 起点和终点坐标
public int width, height; // 宽度和高度（用于矩形、椭圆等）
public String shapeType; // 图形类型标识
// 样式属性
public Color color; // 图形颜色
public float strokeWidth; // 线条粗细
// 其他特殊参数（如多边形顶点等）
public int[] polygonX, polygonY;
}
2.2 图形绘制方法的实现
drawShape()方法是Shapes类的核心功能，它根据保存的参数重新绘制图形：
java复制public void drawShape(Graphics g) {
// 设置绘图属性
Graphics2D g2d = (Graphics2D)g;
g2d.setColor(color);
g2d.setStroke(new BasicStroke(strokeWidth));
// 根据图形类型选择绘制方法
switch(shapeType) {
case "line":
g2d.drawLine(x1, y1, x2, y2);
break;
case "rectangle":
g2d.drawRect(Math.min(x1, x2), Math.min(y1, y2),
Math.abs(x2 - x1), Math.abs(y2 - y1));
break;
case "oval":
g2d.drawOval(Math.min(x1, x2), Math.min(y1, y2),
Math.abs(x2 - x1), Math.abs(y2 - y1));
break;
case "polygon":
g2d.drawPolygon(polygonX, polygonY, polygonX.length);
break;
// 可以继续添加其他图形类型...
}
}
注意事项：使用Graphics2D而不是Graphics可以获得更多绘图控制能力，如设置线条粗细等。将Graphics强制转换为Graphics2D是安全的，因为所有现代Java版本中，paint()方法传入的实际上都是Graphics2D对象。
3. 自定义面板类MyPanel的实现
3.1 继承JPanel并重写paintComponent
最佳实践是重写paintComponent()而不是paint()方法：
java复制public class MyPanel extends JPanel {
private Shapes[] shapesArray;
private int shapeCount = 0;
public MyPanel() {
shapesArray = new Shapes[1000]; // 初始容量
}
@Override
protected void paintComponent(Graphics g) {
super.paintComponent(g); // 先调用父类方法完成默认绘制
// 重绘所有已保存的图形
for(int i = 0; i < shapeCount; i++) {
if(shapesArray[i] != null) {
shapesArray[i].drawShape(g);
}
}
}
public void addShape(Shapes shape) {
// 检查数组是否需要扩容
if(shapeCount >= shapesArray.length) {
Shapes[] newArray = new Shapes[shapesArray.length * 2];
System.arraycopy(shapesArray, 0, newArray, 0, shapesArray.length);
shapesArray = newArray;
}
shapesArray[shapeCount++] = shape;
repaint(); // 触发重绘
}
}
3.2 动态数组管理的优化
原始代码使用固定大小的数组(400)存在明显缺陷：
- 可能不够用（用户画了很多图形）
- 浪费内存（用户只画了几个图形）
改进方案：
- 使用ArrayList自动扩容
- 或者手动实现动态扩容（如上例所示）
4. 绘图监听器的实现细节
4.1 鼠标事件处理
java复制public class DrawListener implements MouseListener, MouseMotionListener {
private MyPanel drawingPanel;
private Shapes currentShape;
private String currentShapeType = "line";
private Color currentColor = Color.BLACK;
private float currentStrokeWidth = 1.0f;
public DrawListener(MyPanel panel) {
this.drawingPanel = panel;
}
@Override
public void mousePressed(MouseEvent e) {
currentShape = new Shapes();
currentShape.x1 = currentShape.x2 = e.getX();
currentShape.y1 = currentShape.y2 = e.getY();
currentShape.shapeType = currentShapeType;
currentShape.color = currentColor;
currentShape.strokeWidth = currentStrokeWidth;
}
@Override
public void mouseDragged(MouseEvent e) {
currentShape.x2 = e.getX();
currentShape.y2 = e.getY();
drawingPanel.repaint(); // 实时更新绘图
}
@Override
public void mouseReleased(MouseEvent e) {
drawingPanel.addShape(currentShape);
}
// 其他必要的方法实现...
}
4.2 支持多种图形类型
通过设置不同的currentShapeType，可以支持多种图形绘制：
java复制// 在UI控制部分
lineButton.addActionListener(e -> drawListener.setShapeType("line"));
rectButton.addActionListener(e -> drawListener.setShapeType("rectangle"));
ovalButton.addActionListener(e -> drawListener.setShapeType("oval"));
5. 实际开发中的经验与陷阱
5.1 常见问题排查
-
图形闪烁问题：
- 原因：频繁重绘导致
- 解决：使用双缓冲技术
java复制public class MyPanel extends JPanel { public MyPanel() { setDoubleBuffered(true); // 启用双缓冲 } } -
内存泄漏：
- 原因：保存的图形数据无限增长
- 解决：实现撤销/清空功能，定期清理
-
性能问题：
- 当图形数量很多时（>1000），重绘可能变慢
- 优化方案：
- 使用更高效的数据结构（如空间分区）
- 实现脏矩形技术，只重绘变化的部分
5.2 高级扩展思路
-
保存和加载功能：
- 实现序列化接口，将图形数据保存到文件
java复制public class Shapes implements Serializable { // 类实现... } -
图层支持：
- 使用多个ArrayList管理不同图层的图形
- 添加可见性控制和叠加顺序管理
-
矢量图形编辑：
- 为每个图形添加选中状态
- 实现控制点拖拽修改图形
6. 完整实现示例
以下是整合所有关键部分的精简实现：
java复制// Shapes.java
public class Shapes implements Serializable {
// 属性和drawShape()方法如前所述...
}
// MyPanel.java
public class MyPanel extends JPanel {
private List<Shapes> shapesList = new ArrayList<>();
@Override
protected void paintComponent(Graphics g) {
super.paintComponent(g);
shapesList.forEach(shape -> shape.drawShape(g));
}
public void addShape(Shapes shape) {
shapesList.add(shape);
repaint();
}
public void clear() {
shapesList.clear();
repaint();
}
}
// DrawListener.java
public class DrawListener extends MouseAdapter {
private MyPanel panel;
private Shapes currentShape;
// 构造函数和setter方法...
@Override
public void mousePressed(MouseEvent e) {
currentShape = new Shapes();
// 初始化currentShape...
}
@Override
public void mouseDragged(MouseEvent e) {
// 更新currentShape...
panel.repaint();
}
@Override
public void mouseReleased(MouseEvent e) {
panel.addShape(currentShape);
}
}
// 主窗口中使用
public class DrawingApp extends JFrame {
public DrawingApp() {
MyPanel panel = new MyPanel();
DrawListener listener = new DrawListener(panel);
panel.addMouseListener(listener);
panel.addMouseMotionListener(listener);
// 添加其他UI控件...
}
}
在实际项目中，你可能还需要考虑：
- 撤销/重做功能的实现（使用命令模式）
- 不同图形工具的切换和管理
- 图形属性的动态修改
- 对高DPI显示器的支持
图形重绘看似是一个简单的问题，但深入下去涉及Java2D绘图的许多核心概念。理解这些原理不仅能够解决当前问题，也为开发更复杂的图形应用打下基础。