自定义绘画无法按预期工作

Question

我正在制作一个GUI应用程序，用于查找和绘制一组点的凸包。

这是框架：

public class Frame extends JFrame{
Panel panel = new Panel();
JButton drawHull = new JButton("Draw Convex Hull");
Frame(String title) {
    super(title);
    // setLayout
    setLayout(new BorderLayout());
    // add components to the frame
    add(panel, BorderLayout.CENTER);
    add(drawHull, BorderLayout.SOUTH);
    // add actionListener for drawHull button
    drawHull.addActionListener(new ActionListener() {
        @Override
        public void actionPerformed(ActionEvent arg0) {
            panel.drawConvexHull();
        }
    }
    );
}
}

框架包含一个按钮（位于框架的底部）和一个Panel对象。

这是Panel班级：

public class Panel extends JPanel{
ArrayList<Point> points = new ArrayList<Point>();
public Panel() {
    addMouseListener(new MouseAdapter() {
        @Override
        public void mouseClicked(MouseEvent e) {
            points.add(new Point(e.getX(), e.getY()));
            repaint();
        }
    });
}
@Override
protected void paintComponent(Graphics g) {
    if(!points.isEmpty()) {
        Point p = points.get(points.size()-1);
        g.fillOval(p.x-2, p.y-2, 4, 4);
    }
}
public void drawConvexHull() {
    // code for finding convex hull
}
}

我在mouseListener课程中添加了Panel，以便当用户点击面板上的任意位置时，会绘制一个点。

当我运行代码时，一切看起来都很好。这是一个样本运行。

现在问题出现了：

一旦我点击面板，就会发生这种情况

框架顶部会出现一个按钮。 为什么会这样？

还有一件事。单击顶部的此按钮时，将绘制一个点。在这里，看看：

Answer 1

如果不在super.paintComponent(g)中调用paintComponent，则背景不会重新绘制，从而导致面板组件出现不可预测的结果。

@Override
protected void paintComponent(Graphics g) {
    super.paintComponent(g);
    for (Point point: points) {
        g.fillOval(point.x - 2, point.y - 2, 4, 4);
    }
}