JAVA SWING之JFrame和JPanel布局
初学JAVA的时候学习过SWING,每次写程序就直接复制Jframe和Jpanel设置,再调一下大小(不知道有没有人跟我一样),到现在也不清楚它们有什么关系,才回顾学习。Swing虽然是很老的技术了,但也有很多工具是Swing写的例如JetBrains系列,最常用的IDEA。开发一下小工具还是不错的。掌握整体布局后,再去写代码和添加组件就很简单了。
一、JFrame窗口
1.什么是JFrame
JFrame 用来设计类似于 Windows 系统中窗口形式的界面。JFrame 是 Swing 组件的顶层容器,该类继承了 AWT 的 Frame 类,支持 Swing 体系结构的高级 GUI 属性。
2.如何使用JFrame
当我们创建一个类的时候需要继承JFrame类,才可继续调用方法。在继承类中即使不初始化JFrame也可直接调用 JFrame 类的方法。创建了窗体后不能直接将其它组件放到窗体中,必须创建一个容器实例化对象才能放入内容窗格中。如图
常用方法
如下一个简单的窗口
package 菜鸟教程.JavaSwing介绍; import javax.swing.*; public class Test extends JFrame { public Test() { setTitle("Java 第一个 GUI 程序"); //设置显示窗口标题 setSize(400,200); //设置窗口显示尺寸 setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); //置窗口是否可以关闭,关闭窗口后程序将一起关闭 JLabel l=new JLabel("这是使用JFrame类创建的窗口"); //创建一个标签 getContentPane().add(l); //将标签组件添加到内容窗格上 setVisible(true); //设置窗口是否可见 } public static void main(String[] args) { new Test(); } }
二、JPanel面板
1.什么是JPanel:
JPanel 是一种中间层容器,它能容纳组件并将组件组合在一起,但它本身必须添加到其他容器中使用。JPanel 类的构造方法如下。上述contentPane实际上就是一个JPanel。Jframe中会默认new一个JPanel,塞入JFrame中。有一个很形象的比喻,JFrame是一个桌子,各个组件是一盘盘菜,而JPanel就是一个菜盘,装了各个组件以后放到桌上。一个JFrame界面上可以有多个JPanel用来划分不同的区域。
2.如何使用JPanel:
常用方法:
此处写了两个JPanel示例代码如下:
package 菜鸟教程.JavaSwing介绍; import javax.swing.*; import javax.swing.border.LineBorder; import java.awt.*; public class Test extends JFrame { public Test() { setTitle("Java 第二个 GUI 程序"); //设置显示窗口标题 setBounds(100,100,400,341); //设置窗口显示位置及尺寸 setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); setVisible(true); //设置窗口是否可见 getContentPane().setLayout(null);//设置空布局,组件想怎么放怎么放 JPanel panel = new JPanel();//第一个JPanel panel.setBorder(new LineBorder(Color.CYAN)); panel.setBounds(10, 10, 364, 98); panel.add(new Label("first"));//将标签放入面板中 getContentPane().add(panel);//将panel放入jframe界面 JPanel panel_1 = new JPanel();//第二个JPanel panel_1.setBorder(new LineBorder(Color.PINK)); panel_1.setBounds(10, 141, 364, 128); panel_1.add(new Label("second"));//这是第二个面板 getContentPane().add(panel_1);//将panel放入jframe界面 } public static void main(String[] args) { new Test(); } }
三、SWING布局管理
上述第二个例子中没有采用布局方法,所以想怎么放panel就怎么放,实际swing中有很多布局方法,可以直接使用。
1.边框布局方式
边框布局管理器(BorderLayout)将窗口分为 5 个区域:North、South、East、West 和 Center。其中,North 表示北,将占据面板的上方;Soufe 表示南,将占据面板的下方;East表示东,将占据面板的右侧;West 表示西,将占据面板的左侧;中间区域 Center 是在东、南、西、北都填满后剩下的区域,如图所示:
示例代码如下:
package 菜鸟教程.JavaSwing介绍; import javax.swing.*; import java.awt.*; public class Test extends JFrame { public Test() { setTitle("Java 第二个 GUI 程序"); //设置显示窗口标题 setBounds(100,100,400,341); //设置窗口显示位置及尺寸 setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); getContentPane().setLayout(new BorderLayout());//设置边框布局 //如果想设置横纵向间隔使用方法BorderLayout(int hgap,int vgap) JButton button1=new JButton ("上"); JButton button2=new JButton("左"); JButton button3=new JButton("中"); JButton button4=new JButton("右"); JButton button5=new JButton("下"); getContentPane().add(button1,BorderLayout.NORTH); getContentPane().add(button2,BorderLayout.WEST); getContentPane().add(button3,BorderLayout.CENTER); getContentPane().add(button4,BorderLayout.EAST); getContentPane().add(button5,BorderLayout.SOUTH); setVisible(true); //设置窗口是否可见,注意,一般这个放最后面更合适 } public static void main(String[] args) { new Test(); } }
如果缺失四个方向任何一方,会由中间部分去补充区域
2.流式布局方式
FlowLayout(流式布局管理器)是 JPanel 和 JApplet 的默认布局管理器。FlowLayout 会将组件按照从上到下、从左到右的放置规律逐行进行定位。与其他布局管理器不同的是,FlowLayout 布局管理器不限制它所管理组件的大小,而是允许它们有自己的最佳大小。
示例代码:
package 菜鸟教程.JavaSwing介绍; import javax.swing.*; import java.awt.*; public class Test extends JFrame{ public Test() { setTitle("Java 第二个 GUI 程序"); //设置显示窗口标题 setBounds(100,100,400,341); //设置窗口显示位置及尺寸 setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); JPanel jPanel=new JPanel(); //创建面板 JButton btn1=new JButton("1"); //创建按钮 JButton btn2=new JButton("2"); JButton btn3=new JButton("3"); JButton btn4=new JButton("4"); JButton btn5=new JButton("5"); JButton btn6=new JButton("6"); JButton btn7=new JButton("7"); JButton btn8=new JButton("8"); JButton btn9=new JButton("9"); jPanel.add(btn1); //面板中添加按钮 jPanel.add(btn2); jPanel.add(btn3); jPanel.add(btn4); jPanel.add(btn5); jPanel.add(btn6); jPanel.add(btn7); jPanel.add(btn8); jPanel.add(btn9); //向JPanel添加FlowLayout布局管理器,将组件间的横向和纵向间隙都设置为20像素 //FlowLayout(int align, int hgap,int vgap)组件对齐方式以及横纵隔距离 jPanel.setLayout(new FlowLayout(FlowLayout.LEADING,20,20)); jPanel.setBackground(Color.blue); //设置背景色 add(jPanel); setVisible(true); //设置窗口是否可见,注意,一般这个放最后面更合适 } public static void main(String[] args) { new Test(); } }
代码效果如图所示:
在拖动界面大小时组件会自动排序,宽度不足则换行
3.卡片布局方式
CardLayout(卡片布局管理器)能够帮助用户实现多个成员共享同一个显示空间,并且一次只显示一个容器组件的内容。CardLayout 布局管理器将容器分成许多层,每层的显示空间占据整个容器的大小,但是每层只允许放置一个组件。自由定义显示哪个面板
示例代码:
package 菜鸟教程.JavaSwing介绍; import javax.swing.*; import java.awt.*; public class Test extends JFrame{ public Test() { setTitle("Java 第四个 GUI 程序"); //设置显示窗口标题 setBounds(100,100,400,341); //设置窗口显示位置及尺寸 setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); JPanel p1=new JPanel(); //面板1 JPanel p2=new JPanel(); //面板2 //CardLayout(int hgap, int vgap)可指定布局横纵间隔 JPanel cards=new JPanel(new CardLayout()); //卡片式布局的面板 p1.add(new JButton("登录按钮")); p1.add(new JButton("注册按钮")); p1.add(new JButton("找回密码按钮")); p2.add(new JTextField("用户名文本框",20)); p2.add(new JTextField("密码文本框",20)); p2.add(new JTextField("验证码文本框",20)); cards.add(p1,"card1"); //向卡片式布局面板中添加面板1 cards.add(p2,"card2"); //向卡片式布局面板中添加面板2 CardLayout cl=(CardLayout)(cards.getLayout()); cl.show(cards,"card1"); //调用show()方法显示面板2 add(cards); setVisible(true); //设置窗口是否可见,注意,一般这个放最后面更合适 } public static void main(String[] args) { new Test(); } }
当然还有其它布局方式,只不过最常用的是这几种,掌握一种,其它的举一反三就行了
如果你想要自定义布局(就是组件想放在JFrame哪个地方就放哪个地方)首推的就是不新建Jpanel,这样你的组件可以放在JFrame自带的Jpanel的任意地方。不用按照规定方式来布局
swing UI设计