我在同一个容器中有两个JPanel
层在彼此的顶部。我用container.add(jpanel, 0);
和container.add(otherjpanel, 1)
。它工作得很好,但是为了显示顶层,我必须用鼠标悬停在组件上。
这里是一些可执行代码显示我的问题。
将鼠标悬停在屏幕上半部分。
import java.awt.*;
import java.awt.event.*;
import java.awt.image.BufferedImage;
import javax.swing.event.*;
import javax.swing.*;
import javax.swing.text.*;
import java.io.*;
import java.util.*;
public class test {
public static void main(String args[]) {
try {
UIManager.setLookAndFeel(UIManager.getCrossPlatformLookAndFeelClassName());
} catch (Exception e) {
}
JFrame frame = new GUIframe();
frame.setVisible(true);
frame.setResizable(false);
}
}
class GUIframe extends JFrame{
public GUIframe(){
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setPreferredSize(new Dimension(300,400));
setSize(300, 400);
JLayeredPane content = new JLayeredPane();
content.setPreferredSize(new Dimension(300,400));
content.setSize(300,400);
JPanel board = new JPanel();
for (int i = 0;i<5;i++){
JButton button = new JButton("button");
board.add(button);
}
content.add(new ImagePanel());
this.add(content);
this.add(board);
}
}
class ImagePanel extends JPanel {
private Image img;
String imageLocation = "image location here";
ImagePanel() {
img = new ImageIcon(imageLocation).getImage();
setPreferredSize(new Dimension(300,400));
setSize(300,400);
setLayout(null);
setOpaque(false);
}
public void paint(Graphics g){
super.paint(g);
g.drawImage(img, 0, 0, this);
}
}
一个contentPane的布局是默认的BorderLayout。你改了吗?也许你应该把你的contentPane设置为JLayeredPane。
如果有任何不清楚的地方,请留下评论。
编辑1:JLayeredPane示例
您可以使用我所描述的分层窗格来解决这类问题,就像下面列出的那样,但是您必须注意设置大小并使覆盖的jpanel不透明:
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.Image;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.net.MalformedURLException;
import java.net.URL;
import javax.imageio.ImageIO;
import javax.swing.*;
public class Test2 {
private static final int LP_WIDTH = 450;
private static final int LP_HEIGHT = 600;
private static final String IMAGE_SITE = "http://upload.wikimedia.org/wikipedia/"
+ "commons/thumb/b/b8/Laser_Towards_Milky_Ways_Centre.jpg/"
+ "660px-Laser_Towards_Milky_Ways_Centre.jpg";
private JLayeredPane layeredPanel = new JLayeredPane();
public Test2() {
layeredPanel.setPreferredSize(new Dimension(LP_WIDTH, LP_HEIGHT));
try {
URL url = new URL(IMAGE_SITE);
BufferedImage image = ImageIO.read(url);
ImagePanel2 imagePanel2 = new ImagePanel2(image);
imagePanel2.setSize(layeredPanel.getPreferredSize());
JPanel buttonPanel = new JPanel();
buttonPanel.setOpaque(false);
for (int i = 0; i < 8; i++) {
buttonPanel.add(new JButton("Button"));
}
buttonPanel.setSize(layeredPanel.getPreferredSize());
layeredPanel.add(imagePanel2, JLayeredPane.DEFAULT_LAYER);
layeredPanel.add(buttonPanel, JLayeredPane.PALETTE_LAYER);
} catch (MalformedURLException e) {
e.printStackTrace();
System.exit(-1);
} catch (IOException e) {
e.printStackTrace();
System.exit(-1);
}
}
private JComponent getMainComponent() {
return layeredPanel;
}
private static void createAndShowGui() {
Test2 test2 = new Test2();
JFrame frame = new JFrame("Test2");
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.getContentPane().add(test2.getMainComponent());
frame.pack();
frame.setLocationByPlatform(true);
frame.setVisible(true);
}
public static void main(String[] args) {
SwingUtilities.invokeLater(new Runnable() {
public void run() {
createAndShowGui();
}
});
}
}
class ImagePanel2 extends JPanel {
private Image image;
public ImagePanel2(Image image) {
this.image = image;
}
@Override
protected void paintComponent(Graphics g) {
super.paintComponent(g);
if (image != null) {
g.drawImage(image, 0, 0, null);
}
}
}
然而,如果你想要的只是一个背景图像,那么这就是我要做的,创建一个使用背景图像的JPanel,然后添加一些东西到它。
import java.awt.*;
import java.awt.image.*;
import java.io.IOException;
import java.net.MalformedURLException;
import java.net.URL;
import javax.imageio.ImageIO;
import javax.swing.*;
public class Test3 extends JPanel {
private static final int LP_WIDTH = 450;
private static final int LP_HEIGHT = 600;
private static final String IMAGE_SITE = "http://upload.wikimedia.org/wikipedia/"
+ "commons/thumb/b/b8/Laser_Towards_Milky_Ways_Centre.jpg/"
+ "660px-Laser_Towards_Milky_Ways_Centre.jpg";
private BufferedImage image;
public Test3() {
try {
URL url = new URL(IMAGE_SITE);
image = ImageIO.read(url);
for (int i = 0; i < 8; i++) {
add(new JButton("Button"));
}
} catch (MalformedURLException e) {
e.printStackTrace();
System.exit(-1);
} catch (IOException e) {
e.printStackTrace();
System.exit(-1);
}
}
@Override
public Dimension getPreferredSize() {
return new Dimension(LP_WIDTH, LP_HEIGHT);
}
@Override
protected void paintComponent(Graphics g) {
super.paintComponent(g);
if (image != null) {
g.drawImage(image, 0, 0, null);
}
}
private static void createAndShowGui() {
Test3 mainPanel = new Test3();
JFrame frame = new JFrame("Test3");
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.getContentPane().add(mainPanel);
frame.pack();
frame.setLocationByPlatform(true);
frame.setVisible(true);
}
public static void main(String[] args) {
SwingUtilities.invokeLater(new Runnable() {
public void run() {
createAndShowGui();
}
});
}
}