JAVA GUI自定义JPanel画板背景

时间:2022-09-22 20:35:40

自定义JPanel面板背景

一、前言

1.GUI全称是Graphical User Interface,就是图形用户界面。JAVA的GUI应用广泛在我们生活中也很常见。很多应用使用该GUI编程设计,像点击QQ图标弹出对应的登录窗体。

JAVA GUI自定义JPanel画板背景

一般程序与用户的交互都基于对应程序的运行界面。

2.JPanel面板是SWING下的一个面板容器类。该面板支持嵌套,可设置布局方式,设置不同的布局管理器可添加其他控件像JButton按钮,JTextField文本框等。来设计完善一个程序界面窗体。

作为绘制面板支持setBackground()设置背景颜色的方法还远远不够。这里实现自定义为JPanel设置图片背景。

二、平台工具

1.MyEclipse

        此处演示使用myeclipse2014

        其他支持java awt+swing平台也可

三、图文展示

1.同一窗体下做不同处理JPanel的效果

  (1)首先创建一个不加修饰的窗体,一般的普通默认jpanel界面效果如下:

JAVA GUI自定义JPanel画板背景

  (2)简单的设置背景颜色效果:

JAVA GUI自定义JPanel画板背景

  (3)自定义处理后的JPanel下的窗体效果:

JAVA GUI自定义JPanel画板背景

2.代码实现

自定义JPanel背景处理,该图片为bg.PNG,与测试类在同一路径下,使用图片注意使用相对路径

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
import java.awt.Graphics;
import javax.swing.ImageIcon;
import javax.swing.JFrame;
import javax.swing.JPanel;
 
public class GUITest {
   private static JFrame jframe; //声明一个窗体
   private JPanel jpanel;     //声明一个画板
  
   public GUITest(){       //构造方法
     jframe = new JFrame();
     init();
   }
  
   private void init(){
     jframe.setTitle("测试");
     jpanel = new JPanel(){//关键代码,就是重写了paint的一个方法
        @Override
        protected void paintComponent(Graphics g) {
          super.paintComponent(g);
          ImageIcon img = new ImageIcon(GUITest.class.getResource("bg.png")); 
         /**
          * bg.PNG这个地方换成自己的图片
          * 此处使用的相对路径,bg.png跟该测试类在同一路径下
          * 不过建议使用相对路径避免使用绝对路径
          */
          img.paintIcon(this, g, 0, 0);
        }
     };
     jpanel.setOpaque(true);
     jframe.setBounds(200, 200, 500, 400); //设置显示位置距离左边200像素距离上边200像素及屏幕大小500*400
      
     jframe.add(jpanel); //添加画板到窗体
      
     jframe.setVisible(true); //设置显示界面
   }
  
   public static void main(String[] args) {
      new GUITest();      // 实例化对象 
   }
}

 四、拓展布局管理器

下面简单写个登录窗体:

 基于自定义的JPanel背景,设置GridBagLayout布局,添加按钮文本框等基本控件实现的一个简单登录窗体。

(1)代码如下:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
import java.awt.Graphics;
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import java.awt.Insets;
import javax.swing.ImageIcon;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JPasswordField;
import javax.swing.JTextField;
 
public class GUIT {
  //声明窗体,面板及控件
  private static JFrame jframe;
  private JLabel jlabel,jlabel1;
  private GridBagLayout gridbag;
  private GridBagConstraints constraints;
  private JTextField jtfield1;
  private JPasswordField jpfield1;
  private JButton jbutton1,jbutton2,jbutton3;
  private JPanel jpanel;
   
  public GUIT(){
    jframe = new JFrame();
    jlabel = new JLabel();
    jlabel1 = new JLabel();
    jtfield1 = new JTextField();
    jpfield1 = new JPasswordField();
    gridbag = new GridBagLayout();
    jbutton1 = new JButton();
    jbutton2 = new JButton();
    jbutton3 = new JButton();
    init();
  }
  
   /**
   * init()初始化并显示界面
   */
  private void init(){
    jframe.setTitle("登录");
    /**
     * 设置JPanel背景
     */
    jpanel = new JPanel(){
      @Override
      protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        ImageIcon img = new ImageIcon(GUITest.class.getResource("ddmbg.jpg"));
        img.paintIcon(this, g, 0, 0);
      }
    };
    //为JLabel,JButton初始化文本
    jlabel.setText("用户名:");
    jlabel1.setText("密  码:");
    jbutton1.setText("登录");
    jbutton2.setText("退出");
    jbutton3.setText("注册");
   
    //设置显示位置及屏幕大小500*400
    jframe.setBounds(450, 240, 400, 240);
    //jpanel采用GridBagLayout布局管理器
    jpanel.setOpaque(false);
    jpanel.setLayout(gridbag);
     
    //初始化用户名label,并添加该控件到画板
    constraints = getGridBagConstraints(0,0,1,1,0,0,GridBagConstraints.CENTER,GridBagConstraints.NONE,new Insets(10,0,10,0),0,0);
    gridbag.setConstraints(jlabel, constraints);
    jpanel.add(jlabel);
     
    //初始化用户名文本框,并添加该组件到画板
    constraints = getGridBagConstraints(1,0,1,1,0,0,GridBagConstraints.CENTER,GridBagConstraints.NONE,new Insets(10,0,10,0),100,0);
    gridbag.setConstraints(jtfield1, constraints);
    jpanel.add(jtfield1);
      
    //初始化密码label
    constraints = getGridBagConstraints(0,1,1,1,0,0,GridBagConstraints.CENTER,GridBagConstraints.NONE,new Insets(10,0,10,0),0,0);
    gridbag.setConstraints(jlabel1, constraints);
    jpanel.add(jlabel1);
    
    //初始化密码文本框
    constraints = getGridBagConstraints(1,1,1,1,0,0,GridBagConstraints.CENTER,GridBagConstraints.NONE,new Insets(10,0,10,0),100,0);
    gridbag.setConstraints(jpfield1, constraints);
    jpanel.add(jpfield1);
    
    //初始化注册按钮,并添加该控件到画板
    constraints = getGridBagConstraints(0,2,1,1,0,0,GridBagConstraints.CENTER,GridBagConstraints.NONE,new Insets(10,0,10,0),0,0);
    gridbag.setConstraints(jbutton3, constraints);
    jpanel.add(jbutton3);
   
    //初始化登录按钮
    constraints = getGridBagConstraints(1,2,1,1,0,0,GridBagConstraints.CENTER,GridBagConstraints.NONE,new Insets(10,0,10,0),0,0);
    gridbag.setConstraints(jbutton1, constraints);
    jpanel.add(jbutton1);
   
    //初始化退出按钮
    constraints = getGridBagConstraints(2,2,1,1,0,0,GridBagConstraints.CENTER,GridBagConstraints.NONE,new Insets(10,0,10,0),0,0);
    gridbag.setConstraints(jbutton2, constraints);
    jpanel.add(jbutton2);
     
    //添加画板到窗体
    jframe.add(jpanel);
    //窗体初始化完成
  }
  
   private static GridBagConstraints getGridBagConstraints(int gridx,int gridy,int gridwidth,int gridheight,double weightx,double weighty,int anchor,int fill,Insets insets,int ipadx,int ipady){
     return new GridBagConstraints(gridx, gridy, gridwidth, gridheight, weightx, weighty, anchor, fill, insets, ipadx, ipady);
   }
  
   public static void main(String[] args) {
     new GUIT();
     jframe.setVisible(true);
   }
}

其中ddmbg为图片名

(2)实现效果如图所示:

JAVA GUI自定义JPanel画板背景

GUI设计中布局是基础也是十分重要的知识。

熟练使用掌握三大布局及其他布局管理器需要自己敲代码练习了。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。