Java Swing将JPanel添加到JPanel

问题描述 投票：2回答：1

The Situation

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

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

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);
}

The Problem And My Questions

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

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

编辑：

My Codes

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);
    }
}

computer view.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);
    }
}

gaming piece.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交互的类，没有其他类参与。

java swing jpanel layout-manager null-layout-manager
1个回答
2
投票

你试图将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);
    }
}

请注意，这也是一个Minimal，Complete和Verifiable示例。最小：没有package声明;没有额外的HashSet和Set进口未使用;除了展示3个游戏棋子外，它不会尝试做任何事情。它是完整的：您可以编译并运行的单个文件。它是可验证的：你可以运行它，看它显示3个游戏块。

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

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.