如何在可调整大小的JPanel上按特定坐标系绘制自定义组件？

针对你需要将x=0,y=0映射到JPanel水平左侧、垂直居中的需求，这里提供两种简便的实现方案，无需手动反复调整坐标偏移：

方案1：自定义极简LayoutManager #

直接实现一个专属的布局管理器，自动处理坐标转换逻辑，把布局算法计算出的坐标映射到面板的目标位置。

代码实现 #

import java.awt.*;

// 自定义布局管理器，适配树节点坐标规则
public class TreeLayoutManager implements LayoutManager {
    @Override
    public void addLayoutComponent(String name, Component comp) {}
    @Override
    public void removeLayoutComponent(Component comp) {}

    @Override
    public Dimension preferredLayoutSize(Container parent) {
        // 计算所有节点组件的最大宽度和高度范围，返回合适的首选尺寸
        int maxX = 0;
        int minY = Integer.MAX_VALUE;
        int maxY = Integer.MIN_VALUE;
        for (Component comp : parent.getComponents()) {
            NodeComponent nodeComp = (NodeComponent) comp;
            maxX = Math.max(maxX, nodeComp.getXPos() + comp.getWidth());
            minY = Math.min(minY, nodeComp.getYPos());
            maxY = Math.max(maxY, nodeComp.getYPos() + comp.getHeight());
        }
        return new Dimension(maxX, Math.max(maxY - minY, parent.getHeight()));
    }

    @Override
    public Dimension minimumLayoutSize(Container parent) {
        return preferredLayoutSize(parent);
    }

    @Override
    public void layoutContainer(Container parent) {
        int verticalCenter = parent.getHeight() / 2;
        // 遍历所有节点组件，转换坐标并设置位置
        for (Component comp : parent.getComponents()) {
            NodeComponent nodeComp = (NodeComponent) comp;
            int targetX = nodeComp.getXPos();
            // 把算法计算的y值转为相对于垂直中线的偏移
            int targetY = verticalCenter + nodeComp.getYPos() - comp.getHeight() / 2;
            comp.setBounds(targetX, targetY, comp.getPreferredSize().width, comp.getPreferredSize().height);
        }
    }
}

// 封装树节点的自定义组件
class NodeComponent extends JPanel {
    private int xPos;
    private int yPos;
    private Node data;

    public NodeComponent(Node data) {
        this.data = data;
        setPreferredSize(new Dimension(60, 40)); // 固定节点尺寸
        setBackground(Color.WHITE);
        setBorder(BorderFactory.createLineBorder(Color.BLACK));
    }

    // 暴露设置/获取计算坐标的方法
    public void setXPos(int x) { this.xPos = x; }
    public int getXPos() { return xPos; }
    public void setYPos(int y) { this.yPos = y; }
    public int getYPos() { return yPos; }

    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        // 绘制节点文本
        g.drawString(data.getName(), 10, 25);
    }
}

使用方式 #

// 初始化面板并应用自定义布局
JPanel treePanel = new JPanel();
treePanel.setLayout(new TreeLayoutManager());

// 生成节点组件并添加到面板
for (Node node : getAllNodes()) {
    NodeComponent comp = new NodeComponent(node);
    comp.setXPos(node.getX()); // 传入布局算法计算的x坐标
    comp.setYPos(node.getY()); // 传入布局算法计算的y坐标
    treePanel.add(comp);
}

方案2：重写JPanel的paintComponent直接绘制 #

如果不需要把每个节点做成独立JComponent，直接在面板上绘制节点和连线会更简洁，坐标偏移逻辑在绘制时统一处理。

代码实现 #

class TreePanel extends JPanel {
    private Node root;
    private LayoutAlgorithm layout;

    public TreePanel(Node root, LayoutAlgorithm layout) {
        this.root = root;
        this.layout = layout;
        layout.calculateCoordinates(root); // 预先计算节点坐标
    }

    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        Graphics2D g2d = (Graphics2D) g;
        int verticalCenter = getHeight() / 2;

        // 先画连线（避免被节点遮挡）
        drawConnections(g2d, root, verticalCenter);
        // 再画节点
        drawNodes(g2d, root, verticalCenter);
    }

    // 递归绘制节点
    private void drawNodes(Graphics2D g, Node node, int verticalCenter) {
        int x = node.getX();
        int y = verticalCenter + node.getY();
        // 绘制节点矩形
        g.setColor(Color.WHITE);
        g.fillRect(x - 30, y - 20, 60, 40);
        g.setColor(Color.BLACK);
        g.drawRect(x - 30, y - 20, 60, 40);
        // 绘制节点文本
        g.drawString(node.getName(), x - 20, y + 5);

        // 递归绘制子节点
        for (Node child : node.getChildren()) {
            drawNodes(g, child, verticalCenter);
        }
    }

    // 递归绘制节点间连线
    private void drawConnections(Graphics2D g, Node node, int verticalCenter) {
        for (Node child : node.getChildren()) {
            int parentX = node.getX();
            int parentY = verticalCenter + node.getY();
            int childX = child.getX();
            int childY = verticalCenter + child.getY();
            g.drawLine(parentX + 30, parentY, childX - 30, childY);
            drawConnections(g, child, verticalCenter);
        }
    }

    @Override
    public void doLayout() {
        repaint(); // 面板尺寸变化时自动重绘，适配新的垂直中线
    }
}

说明 #

• 方案1适合需要给节点添加交互（比如点击、拖拽）的场景，每个节点是独立组件，便于事件处理。
• 方案2适合纯可视化场景，代码更简洁，性能也更好，无需管理大量组件。

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