JavaGUI - [03] LayoutManager布局管理器
Component中有一个方法setBounds()可以设置当前容器的位置和大小,但如果我们手动为组件设置位置和大小的话,就会造成程序的不通用性。LayoutManager布局管理器可以根据运行平台来自动调整组件大小,程序员不用再手动设置组件的大小和位置,只需要为容器选择合适的布局管理器即可。
一、布局管理器的种类
LayoutManager
>GridLayout
:网格布局管理器
LayoutManager
>FlowLayout
:流式布局管理器
LayoutManager2
>CardLayout
:卡片布局管理器
LayoutManager
>GridBagLayout
:网格包布局管理器
LayoutManager
>BorderLayout
:边框布局管理器(默认布局)
二、FlowLayout
在FlowLayout布局管理器中,组件像流水一样向某方向流动(排列),遇到障碍(边界)就折回,重头开始排列。通俗的讲就像是:自动换行。
FlowLayout()
使用默认的对齐方式及默认的垂直间距、水平间距创建FlowLayout布局管理器。
FlowLayout(int align)
使用指定的对齐方式及默认的垂直间距、水平间距创建FlowLayout布局管理器。
FlowLayout(int align,int hgap,int vgap)
使用指定的对齐方式及指定的垂直间距、水平间距创建FlowLayout布局管理器。
2.1、FlowLayoutDemo
package com.harley.layout;
import javax.swing.*;
import java.awt.*;
/**
* @author harley
* @date 2024/05/06 12:19
*/
public class s04_FlowLayoutDemo {
public static void main(String[] args) {
Frame frame = new Frame("FlowLayoutDemo");
// 1. 指定局部方式
frame.setLayout(new FlowLayout());
// 2. 添加组件到frame中
for(int i = 1;i <= 100;i++){
frame.add(new JButton("按钮"+i));
}
// 3. 设置最佳大小,pack方法
frame.pack();
// 4. 设置window可见
frame.setVisible(true);
}
}
效果如下
左对齐:frame.setLayout(new FlowLayout(FlowLayout.LEFT,20,20));
居中对齐:frame.setLayout(new FlowLayout(FlowLayout.CENTER,20,20));
右对齐:frame.setLayout(new FlowLayout(FlowLayout.RIGHT,20,20));
三、BorderLayout(默认布局)
BorderLayout将容器分为EAST、SOUTH、WEST、NORTH、CENTER五个区域,普通组件可以被放置在这5个区域的任意一个中。BorderLayout布局管理器的布局示意图如图所示。
当改变使用BorderLayout的容器的大小时,NORTH、SOUTH和CENTER区域水平调整,而EAST、WEST和CENTER区域垂直调整。使用BorderLayout有如下两个注意点。
1、当向使用BorderLayout布局管理器的容器中添加组件时,需要指定要添加到哪个区域中,如果没有指定添加到哪个区域中,则默认添加到中间区域中;
2、如果向同一个区域中添加多个组件时,后放入的组件会覆盖先放入的组件。
构造方法有如下:
BorderLayout()
:使用默认的水平间距、垂直间距创建BorderLayout布局管理器。
BorderLayout(int hgap,int vgap)
:使用指定的水平间距、垂直间距创建BorderLayout布局管理器。
五神兽阵法
package com.harley.layout;
import java.awt.*;
/**
* @author harley
* @date 2024/05/06 13:34
*/
public class s05_BorderLayoutDemo1 {
public static void main(String[] args) {
// 1. 创建window窗口对象
Frame frame = new Frame("BorderLayoutDemo1");
// 2. 设置布局管理器为BorderLayout
frame.setLayout(new BorderLayout(30,10));
// 3. 向frame中添加组件
frame.add(new Button("青龙"),BorderLayout.EAST);
frame.add(new Button("朱雀"),BorderLayout.SOUTH);
frame.add(new Button("白虎"),BorderLayout.WEST);
frame.add(new Button("玄武"),BorderLayout.NORTH);
frame.add(new Button("麒麟"),BorderLayout.CENTER);
// 4. 设置自动大小
frame.pack();
// 5. 设置窗口可见
frame.setVisible(true);
}
}
效果如下
如果西侧/东侧不放置组件,则会被中间组件占用掉。
如果西侧和东侧都不放置,则中间组件独占。
如果北侧/南侧不放置组件,则会被东侧、西侧以及中间的组件占用掉。
如果北侧和南侧都不放置,则会被东侧、西侧以及中间的组件占用掉。
如果中间不放置组件,中间区域并不会被占用。
四、GridLayout
GridLayout布局管理器将容器分割成纵横线分割的网格,每个网格所占的区域大小相同。当向使用GridLayout布局管理器的容器中添加组件时,默认从左向右、从上向下依次添加每个网格中。与FlowLayout不同的是,放置在GridLayout布局管理器中的各个组件的大小由组件所处的区域决定(每个组件将自动占满整个区域)。
GridLayout(int rows,int cols)
采用指定的行数、列数,以及默认的横向间距、纵向间距将容器分割成多个网格。
GridLayout(int rows,int cols,int hgap,int vgap)
采用指定的行数、列数,以及指定的横向间距、纵向间距将容器分割成多个网格。
计算器
效果
代码
package com.harley.layout;
import java.awt.*;
/**
* @author harley
* @date 2024/05/06 13:56
*/
public class s06_GridLayoutDemo {
public static void main(String[] args) {
// 1. 创建window窗口对象
Frame frame = new Frame("FlowLayoutDemo");
// 2. 创建Panel对象,存放一个TextField组件
Panel panel = new Panel();
panel.add(new TextField(30));
// 3. 把Panel放到frame的北边区域,默认是BorderLayout布局
frame.add(panel,BorderLayout.NORTH);
// 4. 创建一个Panel2对象,并且设置它的布局管理器为GridLayout
Panel panel2 = new Panel();
panel2.setLayout(new GridLayout(3,5,4,4));
// 5. 向Panel2中添加内容
for (int i = 0; i < 10; i++) {
panel2.add(new Button(i+""));
}
panel2.add(new Button("+"));
panel2.add(new Button("-"));
panel2.add(new Button("*"));
panel2.add(new Button("/"));
panel2.add(new Button("."));
// 6. 把panel2添加到frame中
frame.add(panel2);
// 7. 设置最佳大小,pack方法
frame.pack();
// 8. 设置window可见
frame.setVisible(true);
}
}
五、GridBagLayout
GridBagLayout布局管理器的功能最强大,但也最复杂,与GridLayout布局管理器不同的是,在GridBagLayout布局管理器中,一个组件可以跨越一个或多个网格,并可以设置各网格的大小互不相同,从而增加了布局的灵活性。当窗口的大小发生变化时,GridBagLayout布局管理器也可以准确地控制窗口各部分的拉伸。
由于在GridBagLayout布局中,每个组件可以占用多个网格,此时,我们往容器中添加组件的时候,就需要具体的控制每个组件占用多少个网格,java提供的GridBagConstaints类,与特定的组件绑定,可以完成具体大小和跨越性的设置。
代码略
六、CardLayout
CardLayout布局管理器以时间而非空间来管理它里面的组件,它将加入容器的所有组件看成一叠卡片(每个卡片其实就是一个组件),每次只有最上面的那个Component才可见。就好像一副扑克牌,它们叠在一起,每次只有最上面的一张扑克牌才可见。
CardLayout()
:创建默认的CardLayout布局管理器
CardLayout(int hgap,int vgap)
通过指定卡片与容器左右边界的间距(C hgap)、上下边界(Cvgap)的间距来创建CardLayout布局管理器
first(Container target)
:显示target容器中的第一张卡片
last(Container target)
:显示target容器中的最后一张卡片
previous(Container target)
:显示target容器中的前一张卡片
next(Container target)
:显示target容器中的后一张卡片
show(Container target,String name)
:显示target容器中指定名字的卡片
效果
代码
package com.harley.layout;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
/**
* @author harley
* @date 2024/05/06 14:33
*/
public class s08_CardLayoutDemo {
public static void main(String[] args) {
// 1. 创建window窗口对象
Frame frame = new Frame("CardLayoutDemo");
// 2. 创建一个Panel用来存储多张卡片
final Panel panel = new Panel();
// 3. 创建CardLayout对象,并且把该对象设置给之前创建容器panel
final CardLayout cardLayout = new CardLayout();
panel.setLayout(cardLayout);
// 4. 向Panel中存储多个组件
String[] names = {"第一张","第二张","第三张","第四张","第五张","第六张"};
for (int i = 0; i < names.length; i++) {
panel.add(names[i],new Button(names[i]));
}
// 5. 将panel放入frame的中间区域
frame.add(panel,BorderLayout.CENTER);
// 6. 创建另外一个Panel,存储多个按钮组件
final Panel panel2 = new Panel();
// 7. 创建5个按钮组件
Button button1 = new Button("上一张");
Button button2 = new Button("下一张");
Button button3 = new Button("第一张");
Button button4 = new Button("最后一张");
Button button5 = new Button("第三张");
// 8. 创建一个事件监听器,监听按钮的点击动作
ActionListener listener = new ActionListener(){
public void actionPerformed(ActionEvent e) {
String actionCommand = e.getActionCommand();
switch (actionCommand){
case "上一张":
cardLayout.previous(panel);
break;
case "下一张":
cardLayout.next(panel);
break;
case "第一张":
cardLayout.first(panel);
break;
case "最后一张":
cardLayout.last(panel);
break;
case "第三张":
cardLayout.show(panel,"第三张");
break;
default:
cardLayout.first(panel);
break;
}
}
};
// 9. 把当前这个事件监听器和多个按钮绑定到一起
button1.addActionListener(listener);
button2.addActionListener(listener);
button3.addActionListener(listener);
button4.addActionListener(listener);
button5.addActionListener(listener);
// 10. 把按钮添加到panel中
panel2.add(button1);
panel2.add(button2);
panel2.add(button3);
panel2.add(button4);
panel2.add(button5);
// 11. 将panel2添加到frame的南侧
frame.add(panel2,BorderLayout.SOUTH);
// 12. 设置自动大小
frame.pack();
// 13. 设置窗口可见
frame.setVisible(true);
}
}
— 要养成终身学习的习惯 —