Question

所以我现在遇到的问题是，当我尝试以图形方式在Java中显示时，大图像将覆盖我程序中的较小图像。我想知道如何将某些图像带到窗口的前面，这样大的“背景”图像将保留在背景中。此外，我不相信我的程序中可能只是以相反的顺序实现图片。

这是我使用的代码：我的图像管理器类用我用来将图像实现到窗口中的方法，

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

public class ImageManager extends JFrame {

    private ImageIcon image1;
    private JLabel label1;

    private ImageIcon image2;
    private JLabel label2;

    private ImageIcon image3;
    private JLabel label3;

    public ImageManager() {

    }

    public void addBackground() {
        image3 = new ImageIcon(getClass().getResource("background.png"));
        label3 = new JLabel(image3);
        add(label3);
    }

    public void addSeaweed() {

        image1 = new ImageIcon(getClass().getResource("seaweed.png"));
        label1 = new JLabel(image1);
        add(label1);

    }

    public void addUnderwatervolcano() {
        image2 = new ImageIcon(getClass().getResource("underwatervolcano.png"));
        label2 = new JLabel(image2);
        add(label2);
    }

}

这里我使用ImageManager中的方法：使用grow（）方法显示海藻图片的方法

public Seaweed() {

        setLayout(new FlowLayout());
        World.gui.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        World.gui.setVisible(true);
        World.gui.pack();
        World.gui.setTitle("seaweed and underwatervolcano");
        carbon = 0;
    }


    public void grow() {

        if(World.getOceanCarbon() >= 10) {
            addCarbon(10);
            World.addOceanCarbon(-10);



            World.gui.addSeaweed();
            World.gui.pack();
        }
    }

并且继承了另一个类中的方法，该类使用Seaweed类中的grow（）方法和ImageManager类中的gui.addBackground（），

public static void runWorld() {

        gui.addBackground();

        UnderwaterVolcano volcano = new UnderwaterVolcano();
        Seaweed seaweed = new Seaweed();

        volcano.erupt();
        seaweed.grow();



        gui.setMinimumSize(new Dimension(905, 560));

    }
}

我想知道我是怎么做到的，所以gui.addBackground（）没有掩盖gui.addSeaweed（）（在seaweed.grow（）方法中调用）的海藻图片，同时仍然调用gui。在调用gui.addSeaweed（）之前添加addBackground（）。无论如何我可以在方法调用窗口中显示图像的顺序吗？我对JFrame没有很好的理解，所以请大家解释一下你的答案，所有的帮助表示赞赏。

Answer 1

当前的逻辑将所有图像添加到帧中。 Swing实际上绘制了最后添加的组件。这是基于最先涂漆的最高ZOrder绘制的组件。组件的默认ZOrder只是组件添加到面板时的组件数。所以是的，根据你当前的逻辑，背景将绘制在其他图像的顶部。

一些简单的解决方案：

1）管理组件的ZOrder。

将组件添加到框架后，您可以重置ZOrder，以便最后绘制组件。所以基本代码是

add(aComponent);
setComponentZOrder(aComponent, 0);

2）将子图像添加到背景图像，而不是将所有图像添加到帧中。所以你有一个像

这样的结构

- frame
    - background image
        - seaweed
        - volcano

所以基本逻辑就像：

frame.add( background );
background.add( seaweed );
background.add( volcano );

由于看起来海藻/火山图像在背景上的随机位置，您仍然需要管理每个图像的大小/位置。

注意在将子组件添加到背景时，子组件必须完全包含在背景图像中，否则子图像将被截断。

这是我将使用的方法，因为它更好地描述了应用程序的结构。那是你的框架包含一个背景，背景包含其他子组件。组件的嵌套通常可以获得所需的框架布局。

Answer 2

您必须使用LayeredPane。这是我自己的一个工作示例。您只需要替换某些人使用过的图像。

主要课程：

import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import javax.imageio.ImageIO;
import javax.swing.*;


public class Main{

    static JFrameWin jFrameWindow;

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

    public static class JFrameWin extends JFrame{

        public JFrameWin(){

            // init
            initJFrame(this);

            JPanelSettings jPanelSettings = new JPanelSettings(this.getWidth(), this.getHeight(), this.getX(), this.getY());
            JLayeredPane enclosingJLayeredPane = getEnclosingJLayeredPane(jPanelSettings);

            jPanelSettings = new JPanelSettings(this.getWidth(), this.getHeight(), this.getX(), this.getY(), new File("billard_1.jpg"));
            JPanel backgroundJPanel = getJPanel(jPanelSettings);

            jPanelSettings = new JPanelSettings(this.getWidth()-100, this.getHeight()-100, this.getX()+5, this.getY()+20, new File("billard2.jpg"));
            JPanel firstLayerJPanel = getJPanel(jPanelSettings);

            jPanelSettings = new JPanelSettings(this.getWidth() - 200, this.getHeight() - 200, this.getX() + 60, this.getY() + 60, new File("painter.jpg"));
            JPanel secondLayerJPanel = getJPanel(jPanelSettings);

            // assemble
            enclosingJLayeredPane.add(backgroundJPanel);
            enclosingJLayeredPane.add(firstLayerJPanel);
            enclosingJLayeredPane.add(secondLayerJPanel);

            // adjust layers
            enclosingJLayeredPane.setLayer(backgroundJPanel, 0);
            enclosingJLayeredPane.setLayer(firstLayerJPanel, 1);
            enclosingJLayeredPane.setLayer(secondLayerJPanel, 2);

            // add object to JFrame
            this.add(enclosingJLayeredPane, BorderLayout.CENTER);
        }

    }

    static Runnable runJFrameLater = new Runnable() {
        @Override
        public void run() {
            jFrameWindow = new JFrameWin();
            jFrameWindow.setVisible(true);
        }
    };

    private static void initJFrame(JFrame jFrame) {
        jFrame.setTitle("Boxing Test");
        jFrame.setSize(600, 600);
        jFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    }

    private static JLayeredPane getEnclosingJLayeredPane(JPanelSettings jPanelSettings){
        JLayeredPane jLayeredPane = new JLayeredPane();
        jLayeredPane.setBounds(jPanelSettings.getXPosition(), jPanelSettings.getYPosition(), jPanelSettings.getWidth(), jPanelSettings.getHeight());
        return jLayeredPane;
    }

    private static JPanel getJPanel(JPanelSettings jPanelSettings){

        BufferedImage bufferedImage = null;

        try {
            bufferedImage = ImageIO.read(jPanelSettings.getImagePath());
        } catch (IOException ex) {
            System.out.println("Error" + ex.toString());
        }

        // fit image to frame size
        Image scaledBufferedImage = bufferedImage.getScaledInstance(jPanelSettings.getWidth(), jPanelSettings.getHeight(), Image.SCALE_DEFAULT);
        JLabel jLabel = new JLabel(new ImageIcon(scaledBufferedImage));

        JPanel jPanel = new JPanel();
        jPanel.setBounds(jPanelSettings.getXPosition(), jPanelSettings.getYPosition(), jPanelSettings.getWidth(), jPanelSettings.getHeight());
        jPanel.add(jLabel);

        return jPanel;
    }

}

助手级

import java.io.File;

public class JPanelSettings {

    private int height;
    private int width;
    private int xPosition;
    private int yPosition;
    private File imagePath;

    // Basic constructor
    public JPanelSettings(){ }

    // size and positioning constructor
    public JPanelSettings(int width,int height, int xPosition, int yPosition ){
        setWidth(width);
        setHeight(height);
        setXPosition(xPosition);
        setYPosition(yPosition);
    }

    // Full constructor
    public JPanelSettings(int width,int height, int xPosition, int yPosition, File imagePath ){
        setWidth(width);
        setHeight(height);
        setXPosition(xPosition);
        setYPosition(yPosition);
        setImagePath(imagePath);
    }

    public int getHeight() {
        return height;
    }

    public void setHeight(int height) {
        this.height = height;
    }

    public int getWidth() {
        return width;
    }

    public void setWidth(int width) {
        this.width = width;
    }

    public int getXPosition() {
        return xPosition;
    }

    public void setXPosition(int xPosition) {
        this.xPosition = xPosition;
    }

    public int getYPosition() {
        return yPosition;
    }

    public void setYPosition(int yPosition) {
        this.yPosition = yPosition;
    }

    public File getImagePath() {
        return imagePath;
    }

    public void setImagePath(File imagePath) {
        this.imagePath = imagePath;
    }
}

如何在Java中将JFrame图像带到窗口前面？

2 个答案:

1）管理组件的ZOrder。

2）将子图像添加到背景图像，而不是将所有图像添加到帧中。所以你有一个像