Java Swing 将 JPanel 添加到 JPanel

Question

情况

我目前正在尝试使用 Java 的 Swing 构建 2D 游戏。为此，我有我的主类Puzzle，它是JFrame 的子类。在我的框架中，我添加了我的主要JPanel，它由几个添加在一起的JPanels 组成（每个都是一个新部分）。

编辑 2：PlayingField 是我的模型，它将存储每件的当前位置。 可以用鼠标选择一块（计划是突出显示它）并用箭头键移动它，只要下一步（一个完整的单元格，所以大约 100 像素）不是另一个的位置件。截至目前，PlayingField 不存储任何数据，因为这些片段丢失了。

private void createAndShowGui() {
    // The playing-field with a 4x6 grid.
    PlayingField field = new PlayingField(4, 6);
    JPanel mainPanel = new ComputerView(field);
    
    setTitle("Puzzle");
    setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    setSize(400, 600);
    add(mainPanel);
    setVisible(true);
}

上面的方法将创建我的框架并添加主面板。以下方法是我的主面板，它为自己添加了几个JPanels。

public ComputerView(PlayingField field) {
    this.field = field;
    this.setLayout(null);

    JPanel topLeft = new GamingPiece(PlayingField.TOP_LEFT);
    add(topLeft);
    
    JPanel topRight = new GamingPiece(PlayingField.TOP_RIGHT);
    add(topRight);
    
    JPanel bottomLeft = new GamingPiece(PlayingField.BOTTOM_LEFT);
    add(bottomLeft);
}

每个GamingPiece 或者更确切地说是我的子JPanels 都在绘制一个基本块（我只绘制一个并旋转其他块，因为它们都由相同的任意形状组成）。 GamingPiece 类也是JPanel 的子类，并调用JPanel#paintComponent() 方法来绘制棋子。

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

    g2.setColor(Color.YELLOW);
    g2.fillPolygon(pieceX, pieceY, pieceX.length);
}

问题和我的问题

由于我对 Java 还很陌生，我真的不知道如何正确地做到这一点。如果我通过创建一个新对象并将其添加到主面板来添加我的作品，它不会显示所有作品，只会显示最后一个添加的作品。有些甚至似乎不起作用，即使它们是唯一添加的（解释我的情况：我有相同任意形状的碎片，只是旋转方式不同，但使用 Graphics2D#rotate() 似乎不能正常工作） .

我希望我能很好地解释我的情况和我的问题，以便你们帮助我。提前致谢！

编辑：

我的代码

Puzzle.java

package programming.schimmler;

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

import programming.schimmler.model.PlayingField;
import programming.schimmler.view.ComputerView;

public class Puzzle extends JFrame {
    
...
Invoking the createAndShowGui()
...
    
private void createAndShowGui() {
    // The playing-field with a 4x6 grid.
    PlayingField field = new PlayingField(4, 6);
    JPanel mainPanel = new ComputerView(field);
    
    setTitle("Puzzle");
    setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    setSize(400, 600);
    add(mainPanel);
    setVisible(true);
    }
}

ComputerView.java

package programming.schimmler.view;

import java.util.HashSet;
import java.util.Set;

import javax.swing.JPanel;

import programming.schimmler.model.PlayingField;

public class ComputerView extends JPanel {

...
Instance variables
....

public ComputerView(PlayingField field) {
    this.field = field;
    this.setLayout(null);

    JPanel topLeft = new GamingPiece(PlayingField.TOP_LEFT);
    add(topLeft);
    
    JPanel topRight = new GamingPiece(PlayingField.TOP_RIGHT);
    add(topRight);
    
    JPanel bottomLeft = new GamingPiece(PlayingField.BOTTOM_LEFT);
    add(bottomLeft);
    }
}

GamingPiece.java

package programming.schimmler.view;

import java.awt.Color;
import java.awt.Graphics;
import java.awt.Graphics2D;

import javax.swing.JPanel;

import programming.schimmler.model.PlayingField;

/**
 * 
 */
public class GamingPiece extends JPanel {

...

public GamingPiece(int type) {
    switch (type) {
    // Need to draw each polygon from different coordinates since rotating did not work yet.
    case PlayingField.TOP_LEFT:
        pieceX = new int[] { 100, 100, 300, 300, 200, 200, 100 };
        pieceY = new int[] { 100, 100, 100, 200, 200, 300, 300 };
        break;
    case PlayingField.TOP_RIGHT:
        pieceX = new int[] { 400, 400, 300, 300, 200, 200 };
        pieceY = new int[] { 0, 200, 200, 100, 100, 0 };
        break;
    case PlayingField.BOTTOM_LEFT:
        pieceX = new int[] { 0, 200, 200, 100, 100, 0 };
        pieceY = new int[] { 400, 400, 300, 300, 200, 200 };
        break;
    case PlayingField.BOTTOM_RIGHT:
        pieceX = new int[] { 400, 400, 300, 300, 200, 200 };
        pieceY = new int[] { 400, 200, 200, 300, 300, 400 };
        break;
    case PlayingField.SQUARE:
        pieceX = new int[] { 100, 300, 300, 100 };
        pieceY = new int[] { 100, 100, 300, 300 };
        break;
    }
    
    setLayout(null);
}

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

    g2.setColor(Color.YELLOW);
    g2.fillPolygon(pieceX, pieceY, pieceX.length);
    }
}

以上这些类是仅与我的 GUI 交互的类，没有其他类参与。

Answer 1

您试图将JPanel 拼图添加到您的JPanel 拼图板上，使事情变得过于复杂。使用非矩形拼图，问题将很快变得明显，例如 TOP_LEFT 形状，它从拼图的右下侧有一个切口。当需要重叠拼图块以将切掉的部分组合在一起时，稍后添加的拼图将遮挡之前绘制的拼图。

例如，如果您尝试将 TOP_LEFT 块 (A) 和 BOTTOM_RIGHT 块 (B) 嵌套在一起。

 AAAAAA BBB   
 AAAAAA BBB
 AAA BBBBBB
 AAA BBBBBB

你只会看到：

+---+------+
|AAA|   BBB|
|AAA|   BBB|
|AAA|BBBBBB|
|AAA|BBBBBB|
+---+------+

重叠区域将仅由其中一个面板绘制。 B 块的整个区域，包括空白区域，将被绘制在第二块区域中，在 A 块希望显示的任何内容之上。

您可以通过将JPanel 设置为透明而不调用super.paintComponent() 来解决此问题，后者将整个组件绘制为背景色。但是你仍然需要在JPanel 上绘制形状，并将JPanel 正确定位在父JPanel 上。

忘记面板中的面板！只需绘制父JPanel上的碎片。

例子：

import java.awt.Color;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Polygon;
import java.awt.Shape;
import java.awt.geom.AffineTransform;
import java.util.ArrayList;
import java.util.List;

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

public class Puzzle {

    public static void main(String[] args) {
        SwingUtilities.invokeLater(Puzzle::new);
    }

    private final static int shape_x[] = { -100, 100, 100, 0, 0, -100 };
    private final static int shape_y[] = { -100, -100, 0, 0, 100, 100 };

    public Puzzle() {
        JFrame frame = new JFrame("Puzzle");
        frame.setSize(600, 400);
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

        View view = new View();
        frame.setContentPane(view);

        Shape l_shape = new Polygon(shape_x, shape_y, shape_x.length);
        view.pieces.add(new Piece(Color.YELLOW, l_shape,   0, 100, 100));
        view.pieces.add(new Piece(Color.GREEN,  l_shape, 180, 300, 300));
        view.pieces.add(new Piece(Color.RED,    l_shape,  65, 450, 145));

        frame.setVisible(true);
    }

}

@SuppressWarnings("serial")
class View extends JPanel {

    final List<Piece> pieces = new ArrayList<>();

    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);

        Graphics2D gc = (Graphics2D) g;
        for (Piece piece : pieces)
            piece.draw(gc);
    }
}

class Piece {
    final Color color;
    final Shape shape;
    final int angle;

    int x, y;   // Move pieces by by changing these

    Piece(Color color, Shape shape, int angle, int x, int y) {
        this.color = color;
        this.shape = shape;
        this.angle = angle;
        this.x = x;
        this.y = y;
    }

    void draw(Graphics2D gc) {
        AffineTransform tf = gc.getTransform();
        gc.translate(x, y);
        gc.rotate(Math.toRadians(angle));
        gc.setColor(color);
        gc.fill(shape);
        gc.setTransform(tf);
    }
}

请注意，这也是一个最小、完整和可验证的示例。最小：没有package 声明；没有额外的 HashSet 和 Set 未使用的导入；除了显示 3 个游戏棋子，不尝试做任何事情。它是完整的：您可以编译和运行的单个文件。它是可验证的：您可以运行它并看到它显示了 3 个游戏片段。

作为奖励，它显示Graphics2D.rotate() 正在工作，其中一个旋转了 180°，另一个旋转了一个不适合您的拼图的角度，但有助于证明旋转工作正常。