Java OverlayLayout项目排列问题

Question

我在 JPanel 中放置对象时遇到问题，OverlayLayout 作为布局。我正在创建纸牌游戏，我想要的是在 table 上有一个掉落纸牌的故事。例如，我想在船上放置 10 或 12 张卡片，按放置顺序显示并具有重叠效果。这是我想要实现的以下示例：

使用当前将卡片添加到棋盘的代码，当我最多添加 10 张卡片时，它看起来像：

你可以看到卡片的数字被遮盖了，很难看清卡片的数字。我要添加到板的卡片图像是自定义 class 的对象，它扩展了 JPanels，其中包含 BufferedImage 对象：

@SuppressWarnings("serial")
class CardImage extends JPanel
{
    private BufferedImage cardImage;
    private Card card;
    private int index;
    private boolean empty;

    public CardImage(Card _card, boolean clickableCard, Color areaColor, String imagePath)
    {
        if (!imagePath.isEmpty()) {
            try {
                cardImage = ImageIO.read(new File("<path>" + imagePath));
            } catch (IOException e) {
                e.printStackTrace();
            }
            empty = false;
        } else {
            empty = true;
        }
        setSize(71, 96);
        setPreferredSize(new Dimension(71, 96));
        setBorder(null);
        if (clickableCard) {
            setCursor(Cursor.getPredefinedCursor(Cursor.HAND_CURSOR));
        }
        setBackground(areaColor);
        card = _card;
        index = 0;
    }

    public void setIndex(int cardIndex)
    {
        index = cardIndex;
    }

    public int getIndex()
    {
        return index;
    }

    public Card getCard()
    {
        return card;
    }

    @Override
    public void paintComponent(Graphics g)
    {
        super.paintComponent(g);
        if (!empty) {
            g.drawImage(cardImage, 0, 0, cardImage.getWidth(), cardImage.getHeight(), this);
        }
    }
}

注意：我知道这看起来很难看我稍后会更正。

我需要添加空的黑色卡片作为初始卡片以填充历史卡片堆栈，因为当我一张一张地添加卡片时，如果没有添加以前的卡片，它会将卡片放在错误的位置。我正在使用 setAlignmentX() 函数来调整卡片在 X 轴上的位置。为了添加 10 张卡片，我将对齐 X 设置为每 0.1 第一张卡片有 0.0，第二张卡片有 0.1，第三张卡片有 0.2，......当将卡片添加到空面板卡片容器时，它会移动已经放置的卡片。当添加第一张卡片（对齐 X 设置为 0.0）并且最初没有添加其他卡片时，它看起来像：

然后当添加新卡（对齐 0.1）时，它会将所有卡移到右边：

添加第三张牌（对齐 0.3）后，它再次向右移动所有牌：

所以这就是为什么我最初需要添加 10 或 5 张黑色卡片，以使其看起来像是卡片是添加在卡片包含面板的中心而不是从左侧添加的。添加初始卡的代码如下：

boardCardPanel.setMaximumSize(boardCardPanel.getSize());
for (int i = 0; i < 6; i++) {
    CardImage ci;
    ci = new CardImage(Card.CARD_10_CLUB, false, Color.black, "");
    ci.setMaximumSize(ci.getSize());
    ci.setAlignmentX(alignmentX);
    ci.setAlignmentY(0.5f);
    boardCardPanel.add(ci);
    alignmentX += 0.1;
}
boardCardPanel.repaint();
boardCardPanel.setVisible(true);


setVisible(true);
alignmentX = 0f;

加一张卡的代码是：

private void putCard()
{
    alignmentX = 0.0f;
    try {
        CardImage ci = new CardImage(Card.CARD_10_CLUB, false, Color.BLACK, "\c"+(cardIndex+2)+".gif");
        ci.setMaximumSize(ci.getSize());
        boardCardPanel.add(ci, 0);
        for (int i = 0; i < boardCardPanel.getComponentCount(); i++) {
            ((CardImage)boardCardPanel.getComponent(i)).setAlignmentX(alignmentX);
            ((CardImage)boardCardPanel.getComponent(i)).setAlignmentY(0.5f);
            alignmentX += 0.2f;
        }
        if (boardCardPanel.getComponentCount() > 6) {
            boardCardPanel.remove(boardCardPanel.getComponentCount()-1);
        }
        System.out.println(boardCardPanel.getComponentCount());
        cardIndex = (cardIndex + 1) % 9;
        boardCardPanel.repaint();
        boardCardPanel.setVisible(true);
    } catch (Exception e) {
        e.printStackTrace();
    }
}

那么问题来了，如何制作重叠图片的卡片历史，如何调整面板的重叠缩进，让卡片历史居中？

Answer 1

how to make card history with overlapping images and adjust the overlapping indent in panel and make card history in center?

这是两个不同的问题，因此您需要两个解决方案。

make card history in center

解决这个问题的方法是嵌套面板，每个面板都有不同的布局管理器来实现居中效果。

最简单的方法是让包装面板带有 GridBagLayout:

JPanel cardPanel = new CardPanel( some layout manager );
cardPanel.add(...);

JPanel wrapper = new JPanel( new GridBagLayout() );
wrapper.add(cardPanel, new GridBagConstraints());

frame.add(wrapper, BorderLayout.CENTER);

现在添加到 cardPanel 的组件将随着框架大小的变化而动态居中。

make card history with overlapping images and adjust the overlapping indent

JDK 的默认布局管理器不支持轻松重叠。 OverlayLayout 无法让您很好地控制组件放置。

请查看专为此类布局设计的 Overlap Layout。

Java OverlayLayout项目排列问题

Java OverlayLayout items arrangement issue

java

layout

swing

layout-manager