如何通过独立方法调用paint组件方法绘制矩形实现链表可视化

Swing 自定义绘图不要手动调用paint相关方法，所有绘制内容由Swing事件调度线程统一触发。你只需要维护所有要绘制的元素数据，数据更新后调用repaint()通知组件重绘即可。

核心问题修正 #

• 原代码仅保存单个矩形的i、j坐标，无法同时展示多个矩形，需要用集合存储所有已添加矩形的位置
• 不要直接覆写paint方法，正确做法是覆写paintComponent，且首行调用父类方法清空画布，避免重绘残影
• 新增矩形时维护固定坐标偏移，保证矩形连续排列不重叠，相邻矩形之间可绘制箭头体现链表的链式指向关系

完整实现代码 #

import javax.swing.*;
import java.awt.*;
import java.awt.geom.Line2D;
import java.util.ArrayList;
import java.util.List;

public class MyPanel extends JPanel {
    // 存储所有矩形节点的坐标
    private final List<Point> nodePositions = new ArrayList<>();
    // 矩形尺寸、节点间距配置
    private static final int RECT_WIDTH = 100;
    private static final int RECT_HEIGHT = 50;
    private static final int NODE_GAP = 30; // 矩形之间留空隙画箭头
    private static final int START_X = 20;
    private static final int FIXED_Y = 225; // 固定垂直位置，水平排列节点

    public MyPanel() {
        this.setPreferredSize(new Dimension(800, 500));
        this.setBackground(Color.WHITE);
    }

    // 顺序插入新节点，自动计算连续排列的坐标
    public void insert() {
        int newX = START_X + nodePositions.size() * (RECT_WIDTH + NODE_GAP);
        nodePositions.add(new Point(newX, FIXED_Y));
        // 通知Swing重绘组件，禁止手动调用paint/paintComponent
        repaint();
    }

    // 匹配你原有方法签名，支持指定坐标插入矩形
    public void insert(int i, int j) {
        nodePositions.add(new Point(i, j));
        repaint();
    }

    @Override
    protected void paintComponent(Graphics g) {
        // 必须首行调用父类方法清空画布
        super.paintComponent(g);
        Graphics2D g2D = (Graphics2D) g;
        // 配置绘图样式
        g2D.setPaint(Color.BLUE);
        g2D.setStroke(new BasicStroke(3));

        // 遍历所有节点坐标，逐个绘制矩形
        for (int idx = 0; idx < nodePositions.size(); idx++) {
            Point pos = nodePositions.get(idx);
            g2D.drawRect(pos.x, pos.y, RECT_WIDTH, RECT_HEIGHT);
            // 矩形内标注节点序号，模拟链表节点值
            g2D.drawString("节点" + idx, pos.x + 30, pos.y + 30);

            // 非最后一个节点时，绘制指向下一节点的箭头
            if (idx < nodePositions.size() - 1) {
                Point nextPos = nodePositions.get(idx + 1);
                int arrowStartX = pos.x + RECT_WIDTH;
                int arrowEndX = nextPos.x;
                int lineY = pos.y + RECT_HEIGHT / 2;
                // 画连线
                g2D.draw(new Line2D.Double(arrowStartX, lineY, arrowEndX, lineY));
                // 画箭头尖
                g2D.drawLine(arrowEndX, lineY, arrowEndX - 8, lineY - 5);
                g2D.drawLine(arrowEndX, lineY, arrowEndX - 8, lineY + 5);
            }
        }
    }

    // 测试入口
    public static void main(String[] args) {
        SwingUtilities.invokeLater(() -> {
            JFrame frame = new JFrame("链表可视化");
            frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            MyPanel panel = new MyPanel();
            frame.add(panel, BorderLayout.CENTER);

            // 测试按钮：点击新增节点
            JButton addBtn = new JButton("插入新节点");
            addBtn.addActionListener(e -> panel.insert());
            frame.add(addBtn, BorderLayout.SOUTH);

            frame.pack();
            frame.setLocationRelativeTo(null);
            frame.setVisible(true);

            // 默认初始化3个节点
            panel.insert();
            panel.insert();
            panel.insert();
        });
    }
}

关键说明 #

• insert方法只需要更新节点集合数据，不需要直接操作绘图逻辑，repaint()会触发Swing自动调用paintComponent完成全量绘制
• 如果需要实现指定位置插入、换行排列、自定义节点存储内容，只需要修改insert的坐标计算逻辑、扩展节点存储的数据结构即可
• 所有Swing组件创建、更新操作建议放在SwingUtilities.invokeLater中执行，避免线程安全导致的渲染异常

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