无法在 JFrame 中绘制超过一个正方形

Can't draw more than one square in JFrame

无法让程序打印超过一个方块。


我现在的代码

import java.awt.*;
import javax.swing.*;

public class MyApplication extends JFrame {

    private static final Dimension WindowSize = new Dimension(600, 600);
    private int xCord=9, yCord=32, width=80, height=80;

    public MyApplication() {
        //Create and set up the window
        this.setTitle("Squares");
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

        //Display the window centered on the screen
        Dimension screensize = java.awt.Toolkit.getDefaultToolkit().getScreenSize();
        int x = screensize.width / 2 - WindowSize.width / 2;
        int y = screensize.height / 2 - WindowSize.height / 2;
        setBounds(x, y, WindowSize.width, WindowSize.height);
        setVisible(true);
    }

    public static void main(String args[]) {
        MyApplication window = new MyApplication();
    }

    public void paint(Graphics g) {
        int red = (int) (Math.random() * 255);
        int green = (int) (Math.random() * 255);
        int blue = (int) (Math.random() * 255);
        g.setColor(Color.getHSBColor(red, green, blue));
        g.fillRect(xCord, yCord, width, height);

        while((yCord+height)<600){
            if((xCord+width)>600){
                xCord=9;
                yCord+=80;
            }
            else xCord+=80;
            repaint();
        }
    }
}

我正在尝试用不同颜色的方块填充 600x600 window,一旦一行填满,这些方块就会换行。

您可以尝试将整个绘制机制放在循环中,一次调用即可完成。因此,您不需要在 paint 方法本身内部调用 repaint:

public void paint(Graphics g) {

    while((yCord+height)<600){

        int red = (int) (Math.random() * 255);
        int green = (int) (Math.random() * 255);
        int blue = (int) (Math.random() * 255);
        g.setColor(Color.getHSBColor(red, green, blue));
        g.fillRect(xCord, yCord, width, height);

        if((xCord+width)>600){
            xCord=9;
            yCord+=80;
        }
        else xCord+=80;
    }
}

首先,不要。

不要覆盖顶级容器的 paint,例如 JFrame

JFrame 是一个复合组件,这意味着它们是其表面和用户之间的许多层,并且由于绘制系统的工作方式,这些可以独立于框架进行绘制,这会产生奇怪的结果。

顶级容器不是双缓冲的,这意味着您的更新将会闪烁。

一定要调用 paint 方法的超级方法,除非你绝对确定你知道自己在做什么。

首先查看 Performing Custom Painting and Painting in AWT and Swing,详细了解 Swing 中的绘图工作原理以及您应该如何使用它。

这个...

Dimension screensize = java.awt.Toolkit.getDefaultToolkit().getScreenSize();
int x = screensize.width / 2 - WindowSize.width / 2;
int y = screensize.height / 2 - WindowSize.height / 2;
setBounds(x, y, WindowSize.width, WindowSize.height);

在很多层面上都是一个坏主意。

Toolkit#getScreenSize 没有考虑其他 UI 元素的大小,这会减少屏幕上的可用可视区域,例如 taskbar/dock 或菜单栏OS

在基于 window 的 class 上使用 setBounds(x, y, WindowSize.width, WindowSize.height); 也是一个坏主意,因为可用的可视区域是 window 大小减去 window的装饰,这意味着实际可视区域比您指定的要小,并且因为您直接在框架上绘画,所以您 运行 有在框架装饰下绘画的风险。

您可以查看How can I set in the midst?了解更多详情

关于绘画,你现在应该做的一件事是,绘画是破坏性的,也就是说,每次绘画循环发生时,你都应该完全重新绘制组件的当前状态。

目前,这...

public void paint(Graphics g) {
    int red = (int) (Math.random() * 255);
    int green = (int) (Math.random() * 255);
    int blue = (int) (Math.random() * 255);
    g.setColor(Color.getHSBColor(red, green, blue));
    g.fillRect(xCord, yCord, width, height);

    while ((yCord + height) < 600) {
        if ((xCord + width) > 600) {
            xCord = 9;
            yCord += 80;
        } else {
            xCord += 80;
        }
        repaint();
    }
}

只会根据 xCordyCord 的最后一个值绘制一个矩形,很可能是在 paint 方法退出之后。

Swing 使用被动渲染引擎,这意味着系统将决定绘制什么以及何时绘制,您无法控制它。您可以通过使用 repaint 向系统发出“请求”,但由系统决定何时绘制以及绘制什么,这意味着可以将多个请求优化为单个绘制通道。

此外,绘画应该只是绘制当前状态。它应该避免直接或间接地改变状态,特别是如果这种改变触发了一个新的绘制过程,因为这会突然将你的程序的性能降低到 0,从而使它瘫痪。

那么,答案是什么?

嗯,改变一切...

import java.awt.Color;
import java.awt.Dimension;
import java.awt.EventQueue;
import java.awt.Graphics;
import java.awt.Graphics2D;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.UIManager;
import javax.swing.UnsupportedLookAndFeelException;

public class MyApplication {

    public static void main(String[] args) {
        new MyApplication();
    }

    public MyApplication() {
        EventQueue.invokeLater(new Runnable() {
            @Override
            public void run() {
                try {
                    UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
                } catch (ClassNotFoundException | InstantiationException | IllegalAccessException | UnsupportedLookAndFeelException ex) {
                    ex.printStackTrace();
                }

                JFrame frame = new JFrame("Testing");
                frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
                frame.add(new TestPane());
                frame.pack();
                frame.setLocationRelativeTo(null);
                frame.setVisible(true);
            }
        });
    }

    public static class TestPane extends JPanel {

        private static final Dimension DESIRED_SIZE = new Dimension(600, 600);
        private int width = 80, height = 80;

        public TestPane() {
        }

        @Override
        public Dimension getPreferredSize() {
            return DESIRED_SIZE;
        }

        @Override
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            Graphics2D g2d = (Graphics2D) g.create();

            int xCord = 0, yCord = 0;

            while ((yCord) < getHeight()) {
                int red = (int) (Math.random() * 255);
                int green = (int) (Math.random() * 255);
                int blue = (int) (Math.random() * 255);
                g2d.setColor(Color.getHSBColor(red, green, blue));
                g2d.fillRect(xCord, yCord, width, height);
                if ((xCord + width) > getWidth()) {
                    xCord = 0;
                    yCord += 80;
                } else {
                    xCord += 80;
                }
            }
            g2d.dispose();
        }

    }

}

崩溃...

JFrame frame = new JFrame("Testing");
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.add(new TestPane());
frame.pack();
frame.setLocationRelativeTo(null);
frame.setVisible(true);

这创建了 Jframe 的实例,您真的不想从 JFrame 扩展,您没有向 class

添加任何新功能

frame.pack() 围绕内容打包 window,这确保框架总是比所需的内容大小大(通过框架装饰的数量)

frame.setLocationRelativeTo(null); 将以独立于系统的方式使 window 居中。

下一个...

private static final Dimension DESIRED_SIZE = new Dimension(600, 600);
private int width = 80, height = 80;

public TestPane() {
}

@Override
public Dimension getPreferredSize() {
    return DESIRED_SIZE;
}

我已经使用 DESIRED_SIZE 为父容器布局管理器提供大小调整提示。

终于...

@Override
protected void paintComponent(Graphics g) {
    super.paintComponent(g);
    Graphics2D g2d = (Graphics2D) g.create();
    
    int xCord = 0, yCord = 0;
    while ((yCord) < getHeight()) {
        int red = (int) (Math.random() * 255);
        int green = (int) (Math.random() * 255);
        int blue = (int) (Math.random() * 255);
        g2d.setColor(Color.getHSBColor(red, green, blue));
        g2d.fillRect(xCord, yCord, width, height);
        if ((xCord + width) > getWidth()) {
            xCord = 0;
            yCord += 80;
        } else {
            xCord += 80;
        }
    }
    g2d.dispose();
}

这里注意,我把xCordyCord的位置都改成了0,不用再去“猜”边框装饰了。以及制作局部变量,以便再次调用该方法时,值将重置为零。

您不必“必须”将 Graphics 引用转换为 Graphics2D,但 Graphics2D 更强大 API。我也喜欢复制它的状态,但那是我,你的代码足够简单,所以它不太可能对你的组件之后可能绘制的任何其他东西产生不利影响。

另请注意,我使用了 getWidthgetHeight 而不是“幻数”,这意味着您可以调整 window 的大小并且绘画会适应。