第20次课 第8章 图形用户界面设计

panel2.add(button[i]);}
设置窗口属性 23
setSize(200, 300);
setVisible(true);
注意：

一个界面中出现三种布局管理器： 窗口框架的内容窗格的布局管理器； 面板1和面板2的布局管理器； GridLayout的用法：先设置面板（或其他容器）的布局 管理方式为GridLayout对象，然后可以直接将组件加
使用BorderLayout布局管理器
总结：
1.BorderLayout是窗口框架的默认布局管理器，所
以当JFrame对象需要进行布局管理时，不需要创建
BorderLayout的对象。
2.在将组件加入到窗口内容窗格，调用add方法时，
可直接设置组件的布局位置。
getContentPane().add(North,"North");
五个按钮 JFrame
窗口框架
TryBorderLayout
JButton North, South, West, East, Center; TryBorderLayout () public static void main(String[] args)
14
public class TryBorderLayout extends JFrame {
创建一个行数为 rows 列数为 cols ，水平间隙为 hgap ，垂直间隙 为vgap的GridLayout对象
19
NetBeans
例8-6 GridLayout应用示例

设计界面：
JFrame
窗口框架 文本框
面板1
面板2
15个按钮
TryGridLayout String[] str={0,1, …9,+,-,*,/,=} JButton[] button; JPanel panel1, panel2; JTextField text; TryGridLayout () public static void main(String[] args)
创建面板（2个）
将面板（2个）加入到窗口内容窗格，
创建文本框 将文本框加入到面板1中 设置面板2的布局管理器 创建15个按钮，并加入到面板2中
button = new JButton[15];
for (int i = 0; i < 15; i++) { button[i] = new JButton(str[i]);
int getHgap()
void setHgap(int hgap)
int getVgap() void setVgap(int vgap)
7
例8-4 FlowLayout应用举例
P219
JFrame
TryFlowLayout JButton[] button FlowLayout layout TryFlowLayout() public static void main(String[] args)
8
public class TryFlowLayout extends JFrame { //例8-4P219 JButton[] button = new JButton[9]; //声明9个按钮类对象 FlowLayout layout; //声明布局管理器对象 public TryFlowLayout() { super("FlowLayout 应用举例"); //设置顶层窗口标题 String text; layout = new FlowLayout(FlowLayout.LEFT,10,10); //创建布局管理器对象 getContentPane().setLayout(layout); //设置布局管理器 for (int i = 0; i < 9; i++) { //创建9个按钮对象并添加到窗口中 text = "Button #" + ( i + 1 ) + " "; button[i] = new JButton(text); getContentPane().add(button[i]); } setSize(320,160); setVisible(true); setResizable(false); } public static void main(String[] args){ TryFlowLayout frame = new TryFlowLayout(); //创建顶层窗口对象 frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); } 10
FlowLayout
BorderLayout
4
GridLayout
CardLayout
1．Floቤተ መጻሕፍቲ ባይዱLayout布局管理器

FlowLayout是JPanel容器的默认布局管理器。 布局规则：它按照从上到下，从左到右的规则， 将添加到容器中的组件依次排列。如果一行中没
有足够的空间放置下一个组件， FlowLayout 会将

常用的布局管理器有4种。
3
Java的布局管理器类层次结构

该结构中LayoutManager和LayoutManager2都是接口，底层
的四个类是实现了以上接口的，四个不同的布局管理器。

这些类都在java.awt包中，所以如果要使用布局管理，必须 引入该包。
LayoutManager
LayoutManager2
注意：

FlowLayout布局管理器的使用： 首先创建FlowLayout布局管理器对象layout ； 设置容器内容窗格的布局管理器为创建的layout； 将组件加入到容器的内容窗格后，就会按照
layout的布局策略进行安排。

如果再要增加两个按钮，如何编程？

效果又是怎样的？
11
17
3．GridLayout布局管理器

GridLayout网格布局管理器
布局规则：它将容器按照指定的行数、列数分成大小均匀
的网格，且放入容器中的每个组件的大小都一样。

将组件添加到容器中可以有两种基本方法： 一是使用默认的布局顺序，即按照从上到下，从左到右的 次序将组件放入容器的每个网格中； 二是采用 add(Component comp,int index) 将组件放入到 指定的网格中。
18
3．GridLayout布局管理器
GridLayout类提供了三种格式的构造方法： 1.GridLayout()
创建一个在一行内放置所有组件的GridLayout对象；
2.GridLayout(int rows,int cols)
创建一个行数为rows列数为cols的GridLayout对象
3.GridLayout(int rows,int cols,int hgap,int vgap)

解决方法：多看例题程序，遇到陌生的类或方法，在
NetBeans中搜索定义该类的API文档，自行查看，并积 累。
2
界面设计的难点2

组件放入容器时，需要布局组件在容器中的位置，
需要使用布局管理器，而我们并不熟悉布局管理器。

8.3 布局管理器

所谓布局管理器是指按照指定的策略，安排并管理
组件在容器中排列位置的一种容器。
入面板（或其他容器）。
24
4．CardLayout布局管理器
2．BorderLayout布局管理器

BorderLayout是JFrame的默认布局管理器；
North
West
Center
East
South

布局规则：它将容器分为5个部分，分别命名为 North、South、West、East和Center。
12
2．BorderLayout布局管理器
BorderLayout类提供了两种格式的构造方法：
上次回顾

javax.swing包中包括：组件、容器和布局管理器； 容器分为：顶层容器、通用容器和专用容器 顶层容器：窗口框架 中间层容器：面板、滚动视口容器
1
界面设计的难点1

一个界面可能会包含很多组件，每个组件又有很多属性。
这些组件都是Java所提供的标准类或接口，但我们又没
有接触过的，比如：JLable、JTextArea、Container、 Dimension、Rectangle、SwingConstants，或者调用组 件的方法，我们以前又没有用过的，比如 lable.setPreferredSize()……
例8-6 GridLayout应用示例
TryGridLayout() { 问：界面中出现几种布局管理器？
创建窗口框架
super("GridLayout布局管理器举例"); panel1 = new JPanel(); panel2 = new JPanel(); getContentPane().add(panel1, “North”); getContentPane().add(panel2, "Center"); text = new JTextField(20); panel1.add(text); panel2.setLayout(new GridLayout(5, 3));
frame.setDefaultCloseOperation(JFrame.EXIT_ON_ CLOSE);
}
21
NetBeans
例8-6 GridLayout应用示例
创建窗口框架 创建面板（2个） 将面板（2个）加入到窗口的内容窗格，并布局 创建文本框 将文本框加入到面板1中 设置面板2的布局管理器 创建15个按钮，并将按钮加入到面板2中 设置窗口属性 22