JPanel 上出现的视觉工件

我正在尝试创建一个程序 2JPanel using BorderLayout。中央面板用于随机绘制矩形，而南面板用于按钮。

我在左上角看到了一个奇怪的按钮图像JFrame每当我将鼠标光标悬停在“北”或“南”按钮上时。我做了一些研究，发现这可能是透明背景的原因。我尝试使用super.paintComponent(g)对于面板，但之前绘制的其余矩形消失了。我需要将矩形留在JPanel但不是左上角的奇怪图像。

我不知道我做错了什么，希望有人可以提供帮助或提供一些有关如何解决此问题的线索。

    public class TwoBRandomRec extends JFrame{

    private static final long serialVersionUID = 1L;

    public static void main(String[] args) {
        TwoBRandomRec rec = new TwoBRandomRec();

        rec.setSize(500,500);
        rec.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        rec.setVisible(true);
    }

    public TwoBRandomRec() {
        //Create the buttons
        JButton north = new JButton("North");
        JButton south = new JButton("South");
        DrawPanel drawPanel = new DrawPanel(500,500);

        JPanel southP = new JPanel();
        southP.add(south);
        southP.add(north);

        this.add(drawPanel, BorderLayout.CENTER);
        this.add(southP, BorderLayout.SOUTH);

        this.setTitle("TwoButtonRandomRec");
        this.pack();        
    }

    public class DrawPanel extends JPanel {

        private static final long serialVersionUID = 1L;

        private Random rand = new Random();
        private int x,y,xSize,ySize;
        private int height,width;

        public DrawPanel(int w,int h) {
            width = w;
            height = h;
        }
        public void RandomX(){
             x=rand.nextInt(width-1);
             xSize=rand.nextInt(width-x);
         }

         public void RandomY(){
             y=rand.nextInt(height-1);
             ySize=rand.nextInt(height-y);
         }

         public Color RandomColour(){
             rand.nextInt(height);
             return new Color(rand.nextInt(255),rand.nextInt(255),rand.nextInt(255));
         }

        @Override
        protected void paintComponent(Graphics g) {
            RandomX();
            RandomY();

            g.setColor(RandomColour());
            g.fillRect(x, y, xSize, ySize);
            try {
                Thread.sleep(50);

            } catch (InterruptedException e) {  
            }

            repaint();
        }
    }
}

你没有打电话super.paintComponent

protected void paintComponent(Graphics g) {
    super.paintComponent(g); // <-- Insert me here and watch problem go away
    RandomX();
    RandomY();

    g.setColor(RandomColour());
    g.fillRect(x, y, xSize, ySize);
    try {
        Thread.sleep(50); // <-- This is an INCREDIBLY bad idea, NEVER, EVER do this

    } catch (InterruptedException e) {  
    }

    repaint(); // <-- This is a bad idea, watch CPU max out...
}

您有义务致电super.paintComponent确保正确维护绘制链，并进行不透明度和图形上下文清理等操作。

The Graphics对象通过单个重绘通道在组件之间共享，未能遵守正确的绘画链将导致像您这样的问题

切勿以任何方式更新 UIpaint方法（这包括调用repaint），这只会导致你paint方法被调用，一遍又一遍……直到你的CPU达到100%并且程序挂起。

永远不要在时间内执行任何耗时或阻塞的操作paint方法（或一般的 UI），这会让程序看起来像是挂起的，让用户心烦意乱（你认为僵尸群很糟糕：P）。以这种方式阻塞会阻止 EDT 响应绘制请求...

我建议通读一下：

• 进行定制绘画
• 2D 图形
• 在 AWT 和 Swing 中绘画
• Swing 中的并发