Java 在同一个 JFrame 中绘制多个正方形

Question

我正在尝试使用多线程制作动画。我想绘制 n 个正方形，其中这个 n 来自命令行参数。每个方 block 都有其 x-y 坐标、颜色和速度。它们以不同的速度、颜色和坐标向画面右侧移动。由于我使用多线程，我假设我必须控制每个方 block 。所以我必须将每个方形对象存储在 ArrayList 中。然而，我在绘制这些方 block 时遇到了麻烦。我可以绘制一个正方形，但当我尝试绘制多个正方形时，它不会显示。这是我到目前为止所做的:

DrawSquare.java

import java.awt.Graphics;
import javax.swing.JPanel;

public class DrawSquare extends JPanel {
    public Square square;
    public DrawSquare() {
        square = new Square();
    }

    @Override
    public void paintComponents(Graphics g) {
        // TODO Auto-generated method stub
        super.paintComponents(g);

    }

    @Override
    public void paint(Graphics g) {
        // TODO Auto-generated method stub
        super.paint(g);

        g.setColor(square.getC());
        g.fillRect(square.getX(), square.getY(), square.getR(), square.getR());
    }
}

Square.java

import java.awt.Color;
import java.util.Random;

public class Square {
    private int x,y,r,s;
    private Color c;
    private Random random;

    public Square() {
        random = new Random();
        x = random.nextInt(100) + 30;
        y = random.nextInt(100) + 30;
        r = random.nextInt(50) + 20;
        s = random.nextInt(20) + 5;
        c = new Color(random.nextInt(255),random.nextInt(255),random.nextInt(255));
    }

    public int getX() {
        return x;
    }

    public int getY() {
        return y;
    }

    public int getR() {
        return r;
    }

    public int getS() {
        return s;
    }

    public Color getC() {
        return c;
    }
}

动画.java

import java.awt.BorderLayout;

import javax.swing.JFrame;
import javax.swing.JPanel;

public class Animation extends JFrame implements Runnable {
    private JPanel panel;
    private DrawSquare square;

    public Animation() {

    }

    public static void main(String[] args) {
        Animation w = new Animation();
        DrawSquare square = new DrawSquare();
        JFrame f = new JFrame("Week 9");
        int n = Integer.parseInt(args[0]);
        f.setVisible(true);
        f.setSize(700,700);
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.setResizable(false);
        for(int i=0; i<n; i++) {
            f.getContentPane().add(square);
        }
    }

    @Override
    public void run() {
        // TODO Auto-generated method stub

    }
}

Answer 1

那么，从...开始

public class DrawSquare extends JPanel {
    public Square square;
    public DrawSquare() {
        square = new Square();
    }

    @Override
    public void paintComponents(Graphics g) {
        // TODO Auto-generated method stub
        super.paintComponents(g);

    }

    @Override
    public void paint(Graphics g) {
        // TODO Auto-generated method stub
        super.paint(g);

        g.setColor(square.getC());
        g.fillRect(square.getX(), square.getY(), square.getR(), square.getR());
    }
}

作为一般建议，最好将自定义绘画放在 paintComponent 中。方法(注意，末尾没有 s)

何时 paint称为 Graphics上下文已经转换为组件坐标位置。这意味着0x0是组件的左上角，这也意味着...

g.fillRect(square.getX(), square.getY(), square.getR(), square.getR());

正在 x + x 处绘制矩形xy + y ，这至少会将矩形绘制在错误的位置，最坏的情况是将其绘制到组件的可见范围之外。

您也没有为组件提供任何大小调整提示，因此它的默认大小将为 0x0 ，这会阻止它被绘制。

Since I am using multi thread I assume I have to control each squares.

好吧，由于我无法真正看到动画的驱动因素，我想当您说“多线程”时，您是在暗示每个方 block 都有自己的 Thread 。在这种情况下，这是一个坏主意。让我们先把线程同步问题放在一边，更多的线程并不等于你可以做更多的工作，在某些时候，它会开始降低系统性能。

在大多数情况下，一个管理良好的线程就足够了。您还必须了解 Swing 不是线程安全的。这意味着您不应从事件调度线程的上下文外部更新 UI(或声明 UI 所依赖的状态)。

因此，虽然您的线程可以更新矩形的位置，但您需要注意确保它们在更新时不会被绘制。更新状态后，您需要触发绘制 channel (这本身很简单)

So I have to store each square object in the ArrayList.

是的，好的开始

However, I am having trouble with painting those squares. I can paint one square but when I try to paint multiple squares, it does not show.

好的，所以不要使用多个组件，而是使用一个组件。运行你的ArrayList paintComponent内该组件的方法并绘制所有矩形。这提供了一种更简单的方法来管理边界检测等事务，因为您只需担心一个容器。

我强烈建议您查看:

• Java Bouncing Ball它演示了此处讨论的许多概念
• Concurrency in Swing
• How to use Swing Timers
• Performing Custom Painting
• Painting in AWT and Swing