JFrame 的层次结构 及 背景设置说明

一、JFrame 的层次结构

我们通过两个图来说明一下 JFrame 的层次结构：

从视觉效果来看（从 View 层来看），一个 JFrame 的结构是这样的：



可以看出，
Frame 的最底层是 RootPane，
然后是 LayeredPane
再上面就是 ContentPane
最顶层是 GlassPane

最顶层的 GlassPane 默认是透明的，
关于 GlassPane 这个层次，其实有很多可以利用的技巧，以后我再慢慢告诉大家，
今天说我们的重点：ContentPane 
可以看出，这个 ContentPane 就是默认盛放控件的那个层次，
那 ContentPane 在默认的情况下又是什么呢？

我们来看两个方法：
JFrame 中的 getContentPane：

public Container getContentPane() {
return getRootPane().getContentPane();
}

JRootPane 中的 createContentPane：

protected Container createContentPane() {
JComponent c = new JPanel();
……
……
return c;
}

可以明显的看出，默认的 ContentPane 就是一个 JPanel；

现在我们再来看另一张图，从模型的角度来看
JFrame 的层次：



可以看出，其实 ContentPane 是添加在 LayeredPane 上的一个控件。
而 LayeredPane 和 GlassPane 是直接添加在 RootPane 上的，
RootPane 直接添加在 JFrame 上。

其实你只要记住：
1、你现在不再需要去 getContentPane(),
2、ContentPane 默认是一个 JPanel ，
这两个结论就可以了……



二、java中如何对JFrame设置背景颜色及背景图片

setVisible()说明：当设置为flase时，组件本身及增加在该组件上的组件都不可见；

setOpaque()说明：
当设置为flase时，只针对设置了透明的组件，其他组件不受影响； 

Java窗口是指JFrame或者Frame

其次，窗口背景颜色是指直接调用JFrame或者Frame的setBackground(Color color)方法设置后显示出来的颜色。其实,J在你直接调用这个方法后，你的确设置了背景颜色，而你看到的却不是直接的JFrame或者Frame，而是JFrame.getContentPane().而JFrame上的contentPane默认是Color.WHITE的，所以，无论你对JFrame或者Frame怎么设置背景颜色，你看到的都只是contentPane.

最后，讲解决办法：

办法A:在完成初始化，调用getContentPane()方法得到一个contentPane容器，然后将其设置为不可见，即setVisible(false)。这样，你就可以看到JFrame的庐山真面貌啦！

核心代码this.getContentPane().setVisible(false);//得到contentPane容器，设置为不可见

方法B:将contentPane的颜色设置为你想要的颜色，而不是对JFrame本身设置；

核心代码：this.getContentPane().setBackground(Color.red);//设置contentPane为红色

将核心代码替换方法A核心代码即可实现

方法C:为JFrame添加一个Panel或者JLabel等其他组件，设置其颜色为你想要的颜色，然后将其覆盖JFrame窗口即可

JFrame默认是BorderLayout
JPanel默认是FlowLayout

1.JFrame设置背景色，注意体会注释的

package com.tools; import java.awt.Color;import javax.swing.JFrame;

public class Test extends JFrame

{

public static void main(String[] args)

{

   new Test();

}

public Test()

{

   this.setSize(400,300);

   this.setLocation(400,300);

   this.setBackground(Color.blue);

   this.getContentPane().setBackground(Color.red);

   this.getContentPane().setVisible(false);//如果改为true那么就变成了红色。

this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

   this.setVisible(true);

}

}

2.给JFrame设置背景图片。

      方法1：通过在JFrame中添加一个JPanel，背景图片放在JPanel上来实现。代码如下：

import java.awt.*; 

import javax.swing.*;

public class Test extends JFrame

{

//创建一个容器

Container ct;

//创建背景面板。

BackgroundPanel bgp;

//创建一个按钮，用来证明我们的确是创建了背景图片，而不是一张图片。

JButton jb;

public static void main(String[] args)

{

   new Test();

}

public Test()

{

   //不采用任何布局方式。

ct=this.getContentPane();

   this.setLayout(null);

   //在这里随便找一张400*300的照片既可以看到测试结果。

bgp=new BackgroundPanel((new ImageIcon("images\\background.jpg")).getImage());

   bgp.setBounds(0,0,400,300);

   ct.add(bgp);

   //创建按钮

jb=new JButton("测试按钮");

jb.setBounds(60,30,160,30);

   ct.add(jb);

   this.setSize(400,300);

   this.setLocation(400,300);

   this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

   this.setVisible(true);

}

}

class BackgroundPanel extends JPanel

{

Image im;

public BackgroundPanel(Image im)

{

   this.im=im;

   this.setOpaque(true);

}

//Draw the back ground.

public void paintComponent(Graphics g)

{

   super.paintComponents(g);

   g.drawImage(im,0,0,this.getWidth(),this.getHeight(),this);

}

}
方法2：我们用JLayeredPane，JLayeredPane 为 JFC/Swing 容器添加了深度，允许组件在需要时互相重叠。Integer 对象指定容器中每个组件的深度，其中编号较高的组件位于其他组件之上


 

/**

* 给JFrame 添加一个背景图案。

*/

package com.swingpractise; 

import javax.swing.*;
 public class JFrameBackground4 extends JFrame

{

//创建一个JLayeredPane用于分层的。

JLayeredPane layeredPane;

//创建一个Panel和一个Label用于存放图片，作为背景。

JPanel jp;

JLabel jl;

ImageIcon image;

//创建一个按钮用于测试的。

JButton jb;

public static void main(String[] args)

{

   new JFrameBackground4();

}

public JFrameBackground4()

{

   layeredPane=new JLayeredPane();

   image=new ImageIcon("images\\background.jpg");//随便找一张图就可以看到效果。  

//创建背景的那些东西

jp=new JPanel();

   jp.setBounds(0,0,image.getIconWidth(),image.getIconHeight());   
   jl=new JLabel(image);

//   jl.setBounds(0,0,image.getIconWidth(),image.getIconHeight());

   jp.add(jl);

   //创建一个测试按钮

jb=new JButton("测试按钮");

jb.setBounds(100,100,100,100);

   //将jp放到最底层。

layeredPane.add(jp,JLayeredPane.DEFAULT_LAYER);

   //将jb放到高一层的地方

layeredPane.add(jb,JLayeredPane.MODAL_LAYER);

   this.setLayeredPane(layeredPane);

   this.setSize(image.getIconWidth(),image.getIconHeight());

   this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

   this.setLocation(image.getIconWidth(),image.getIconHeight());

   this.setVisible(true); 

}

}





第二个程序和三个程序的窗体

Java中有关Frame背景的设置总结
 
我们在进行图形用户界面编程时，为了做出一个漂亮、个性化的界面，那么界的背景就必须考虑了。

要想灵活使用背景，就一定要对frame的基本有一些了解，因为在java编程中没有直接设置背景的有关方法，

了解一些基本知识后我们就可以随意设置背景了。

 首先还是要了解框架JFrame中的层次结构。

JFrame中的层次分布及相对关系是:

最底层是：JRootPane；

第二层是：JlayerPane，这层上面包含一层ContentPane（默认不透明），也正是我们常说的内容面板。

所以一般我们拖放的控件就是在ContentPane层上。；

最上层就是：GlassPane（默认是透明的）；

有了这些常识后我们就可以随意设计背景了。

在这里笔者提供两种方法为一个

frame设置一张背景图片。

 方法一：

 原理：

我们把图片放置在第二层：JlayerPane容器上，然后让最上层的：

ContentPane透明，这样就实现了背景的设置。（当然把图片放置最低层，让上面两层透明也是可以的）

 具体步骤：

 // 加载背景图片

 ImageIcon bg = new ImageIcon("background.jpg");

 // 把背景图片显示在一个标签里

 JLabel label = new JLabel(bg); 

//把标签的大小位置设置为图片刚好填充整个面

label.setBounds(0,0,bg.getIconWidth(),bg.getIconHeight()); 

//添加图片到frame的第二层

 frame.getLayeredPane().add(label,newInteger(Integer.MIN_VALUE)); 

//获取frame的最上层面板为了设置其背景颜色（JPanel有设置透明的方法）

 JPanel jp=(JPanel)frame.getContentPane(); 

jp.setOpaque(false);  //设置透明

//测试用的JPanel

JPanel panel=new JPanel(); 

panel.setOpaque(false);  //也要让他透明

panel.setLayout(null);

//为了使用按钮的定位

JButton button=new JButton("OK"); 

button.setSize(100, 20); 

button.setLocation(100, 50); 

panel.add(button); 

frame.add(panel); 

效果如图：

方法二：

原理：

我们直接在最上层容器内重写paintComponent(Graphics g)方法在容器中画一张图片。（这种方法很直观，原理很简单）

 具体步骤：

 只需要在构造JPanel时重写paintComponent(Graphics g)就ok了。

 class PanelTest extends JPanel{ 

  ImageIcon background = new ImageIcon("background.jpg");

//加载图片

 Image im=Toolkit.getDefaultToolkit().getImage("background.jpg"); 

 int h,w; 

 public void paintComponent(Graphics g) { 

g.drawImage(im, 0, 0, null); 

 } 

}

 总结：

只要了解了基本原理我们就可以更随意一点设计我们的风格了，我在这了抛砖引玉，希望对初学者有所帮助。