基于Swing的图形化用户界面

ゞ浴缸里的玫瑰 2024-03-27 16:45 85阅读 0赞

Java GUI概述

基于Swing的GUI构造方法

AWT事件处理模型

Swing组件

### 一、Java GUI概述 ###

#### 1、抽象窗口工具集AWT简介 ####

设计目标是具有独立于平台的API,但同时保留每个平台的界面显示风格L&F(look and feel)

实现方法是：定义各种组件（Components）类平台独立的API，然后利用特定于平台的各种类的实现（称为对等组件，peers）提供具有特定平台风格的L&F

![cda7535dd1464e17a8cebd6c9587fc5a.png][]

#### 2、AWT组件 ####

Java.awt包包括建立GUI所需基本组件。

Java.awt的主要类及层次关系

![a281f2c2c41340e29b9f996c486801b6.png][]

### 二、基于Swing的GUI构造方法 ###

#### 1、Swing简介 ####

*  Swing中的所有组件全部用Java语言实现。

*  采用分离模型：组件及与组件相关的数据模型（或简称模型）

*  可设置的组件外观感觉（look and feel ）

*  与AWT相比提供更丰富的GUI组件，引入新的特征，并提供更丰富的功能。

![35503c8a6a5d41e39101e6e583df2064.png][]

#### 2、基于Swing的GUI设计步骤 ####

![15eef87bbe1d48eabb4ec6109ad3cfd8.png][]

#### 3、Swing中的Look&Feel ####

![525966c36cb54ea2bf8abe9da05d86cf.png][]

![bf467da783aa4476b920d4fb66d84721.png][]

#### 4、常用容器 ####

容器本身也是一个组件，具有组件的所有性质，另外还具有容纳其它功能

所有的组件都可以通过add()方法向容器中添加组件

在Swing中，常用的三种类型的容器是JFrame，JPanel，JApplet

具有Swing GUI的应用必须有至少一个顶层容器

顶层Swing容器是JFrame、JDialog或JApplet的实例

Swing GUI形成顶层容器-中间层容器-基本组件的层次包容关系

（1）向顶层容器中加入组件

Swing组件不能直接添加到顶层容器中，必须添加到一个与顶层容器相关联的内容面板（Content Pane）上

对JFrame添加组件

*  用getContentPane（）方法获得JFrame的内容面板，再使用add（）方法向其中加入组件。

frame.getCOntentPane().add(new Jlabel(“Hello!”));

*  建立一个JPanel等中间容器，把组件添加到中间容器中，再用setContentPane()方法把该容器设置为JFrame的内容面板

JPanel contentPane = new JPanel();

JButton b = new JButton(“确定”);

contentPane.add(b);

… …

rame.setContentPane(contentPane);

*  在JDK1.5后的版本中，add()方法被重写，可以把通过该方法添加的组件自动转交给内容面板

frame.add(child); //child组件将被添加到frame的内容面板中。

（2）JFrame

JFrame是最常用的顶层容器，一般作为Java Application的主窗口

![0b4b8c189da34ed09d178edb979e63ca.png][]

![a0590d62b01742a7b3acc6ab087477d8.png][]

（3）JPanel

JPanel是存放轻型组件的通用容器，缺省情况下是透明的，其对象可作为顶层容器的Content Pane使用。

![e2027bdad6914ce1b29ee105edf415a1.png][]

![07c320010826465baa6849aa4ef5a96c.png][]

#### 5、Layout Manager(布局管理器） ####

![4f46d4baddc54a678948989ea724ad5b.png][]

![912d2b7233fe4d75b8745a5c7418224f.png][]

*  容器中组件的布局通常由Layout Manager控制。

*  Layout Manager负责决定容器的布局策略及容器内每个组件的大小

*  每个容器都由一个缺省的Layout Manager ，可通过setLayout( )方法改变

*  Java提供的布局管理器

FlowLayout

BorderLayout

GridLayout

CardLayout

GridBagLayout

BoxLayout

#### 6、Flow Layout Manager ####

组件采用从左到右，从上到下逐行摆放

![fc22d359b935470581e51fd5225e0f82.png][]

![4c7af027c74c46609d5cb1f760b991ba.png][]

例：

import java.awt.*;
           import javax.swing.*;
           public class FlowLayoutWindow extends JFrame {
          
        public FlowLayoutWindow() {
            setLayout(new FlowLayout());
            add(new JLabel("Buttons:"));
            add(new JButton("Button 1"));
            add(new JButton("2"));
            add(new JButton("Button 3"));
            add(new JButton("Long-Named Button 4"));
            add(new JButton("Button 5"));
                }
     
        public static void main(String args[]) {
            FlowLayoutWindow window = new FlowLayoutWindow();
            window.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            window.setTitle("FlowLayoutWindow Application");
            window.pack();//窗口的大小设置为适合组件最佳尺寸与布局所需的空间
            window.setVisible(true);
        }
    }

![7420c88489944055a852b8cead64b9cb.png][]

#### 7、Border Layout Manager ####

Border Layout 分5个区：

![c1e8624595bd40e99cc0f90bd54f9536.png][]

构造与安装Border Layout：

setLayout(new BorderLayout( )) -组件间无缝隙

setLayout(new BorderLayout( int hgap, int Vgap));

加入组件：

add(button, BorderLayout.CENTER)

（3）Grid Layout Manager

把窗口分成网格，n行\*m列。组件从左到右，从上到下填充。

构造与安装布局管理器：

setLayout(new GridLayout(int rows, int cols));

import java.awt.*;
    import javax.swing.*; 
    public class GridLayoutWindow extends JFrame {
        public GridLayoutWindow() {
            setLayout(new GridLayout(0,2));
       
            add(new JButton("Button 1"));
            add(new JButton("2"));
            add(new JButton("Button 3"));
            add(new JButton("Long-Named Button 4"));
            add(new JButton("Button 5"));
            add(new JButton("6"));
        }
        public static void main(String args[]) {
            GridLayoutWindow window = new GridLayoutWindow();
            window.setTitle("GridWindow Application");
            window.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            window.pack();
            window.setVisible(true);
        }
    }

![c07e2e37192746f8900f8051b96d5fd8.png][]

（4）Card Layout Manager

把组件象一系列卡片一样叠放，一个时刻只能看到最上面的。

![b1ca65e561c442d1b9c24dbfc59115cb.png][]

（5）GridBag Layout

GridBagLayout不需要组件的尺寸一致，容许组件扩展到多行、多列。

![ec96ea7361524a8a86a54acbaca4d581.png][]

（6）BoxLayout

BoxLayout（箱式布局管理器）将组件垂直摆放在一列或水平摆放在一行中

![063f423ffe074320a71c33fe73c6acda.png][]

#### 8、如何选择布局管理器 ####

组件尽量充满容器空间——使用BorderLayout或GridBagLayout

组件以自然大小紧凑的在一行中显示——FlowLayout

组件大小相同，并且成行或成列显示——GridLayout

#### 9、GUI的设计步骤 ####

引入Swing 包及其它程序包

选择GUI的外观风格L&F

创建并设置顶层容器

创建与添加Swing组件

显示顶层容器，将整个GUI显示出来

增加事件处理

### 三、AWT事件处理模型 ###

基于Swing的GUI中，仍然采用AWT的事件处理模型

什么是事件

事件处理机制

事件目录

事件、接口、方法列表

多监听器

事件适配器

#### 1、Event的含义 ####

*  Events - 描述所发生事件的对象，Java中有很多不同类型的事件类，用来描述不同类型的用户动作

*  事件源 - 产生事件的组件

*  事件处理 - 一个接收事件对象并处理用户交互的方法

#### 2、JDK1.0 与JDK1.2~事件处理机制 ####

在JDK1.0中采用向上传递机制：

![4fb3bcf6796943d791a458253274dfa1.png][]

JDK1.2中的事件处理机制：

![40e74601f416499e8e611726ac94f7f6.png][]

*  监听器:每个事件有一个相应的监听器接口，定义了接收事件的方法。实现该接口的类，可作为监听器注册。

*  每个组件都注册有一个或多个监听器（类），该监听器包含了能接收和处理事件的事件处理。

*  事件对象指向已注册的监听器报告。

包含事件处理的程序应该包括以下三部分内容：

1.在事件处理类的声明中指定要实现的监听器名，如：

public class MyClass implements ActionListener \{

…

2.实现监听器中的接口，如：

public void actionPerformed(ActionEvent e) \{

...//响应某个动作的代码...

3.在一个或多个组件上将监听器类的实例注册为监听器，如：someComponent.addActionListener(instanceOfMyClass);

#### 3、事件分类 ####

![39dd81a82766476d913c027fbaab68b8.png][]

#### 4、事件监听器接口 ####

![10539686858f432e9a09d2a1ef532a7e.png][]

#### 5、事件接口与方法目录 ####

![f2bc9d28c9604e5a8bdd2f65f0e2c719.png][]

![ea1bd5329b094199b00deb86f3c554b8.png][]

#### 6、多监听器 ####

在同一个组件上注册多个监听器。

根据需要多次调用addXXXListener() 方法注册多个监听器。

#### 7、Event Adapters ####

Adapter类实现了相应Listener接口，但所有方法体都是空的。

用户可以把自己的监听器类声明为adapter类的子类，便可以只重写需要的方法。

![4534704cc7e04534a0c93ee91c5a382a.png][]

#### 8、使用内部类进行事件处理 ####

既使用Adaptor类，又避免多重继承的限制。

——在一个类中定义内部类，由内部类继承相应Adaptor类。

![2b639c69b6ad42ed9e50a75af32dbe8b.png][]

匿名类（Anonymous Class)是没有名字的类。可以使用匿名内部类进行事件处理。

![10d58c4b48ed412399fd3ba3d539be57.png][]

### 四、Swing组件 ###

Swing包中定义了两类组件：

■ 顶层容器（JFrame,Japplet,Jwindow,Jdialog)

■ 轻型组件（‘J’开头的所有组件，如Jbutton,Jpanel,Jmenu等）

一般如果使用Swing组件，则程序中只使用Swing组件和Swing容器。

#### 1、Swing组件——对话框(容器类） ####

![5f8b90a4cd444dc7a3aeeae1ad74154e.png][]

#### 2、Swing组件——通用容器 ####

![212f227c8b5d4debb8edcdab8b22bda8.png][]

#### 3、Swing组件——特殊用途的容器 ####

![926ab6f19c794b05b268979fc0911a24.png][]

#### 4、Swing组件—按钮类常用组件 ####

![18da00d81b634bb6b4002817f0f20ada.png][]

#### 5、Swing组件—文本类常用组件 ####

![790cd7526b6841cfbf3ce5adee86fa9b.png][]

#### 6、Swing组件—其他常用组件 ####

![b7ec5da2cdc642b6b5a92673e496d25c.png][]

![677033ee31424f98b5f6a5618c1ac8eb.png][]

![ba929d0fbe2e43029cca70fcbab3fc01.png][]

[cda7535dd1464e17a8cebd6c9587fc5a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/7fc89a697d4d4f61ad01fee9d120a42b.png
[a281f2c2c41340e29b9f996c486801b6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/1e81e784e80d463ca7b416e7bab20fd5.png
[35503c8a6a5d41e39101e6e583df2064.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/de3bcb41afb84035ac9da570a43d3f30.png
[15eef87bbe1d48eabb4ec6109ad3cfd8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/cabe21d5ffa9470180d43544601b88d6.png
[525966c36cb54ea2bf8abe9da05d86cf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/68387f94627f4232a81148180cbff4eb.png
[bf467da783aa4476b920d4fb66d84721.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/1fa71bc47290478a8a99a245a5a146d1.png
[0b4b8c189da34ed09d178edb979e63ca.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/baefe88839844e09a9d858f406137548.png
[a0590d62b01742a7b3acc6ab087477d8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/e1fdac3c066546e999cae6c997571c9a.png
[e2027bdad6914ce1b29ee105edf415a1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/2150a8ed68f84761aed4d1ff71ffc157.png
[07c320010826465baa6849aa4ef5a96c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/cb6828a831c94a8c91f0b9006ca48211.png
[4f46d4baddc54a678948989ea724ad5b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/d3c58ef809004abca3a14cb08997bcc6.png
[912d2b7233fe4d75b8745a5c7418224f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/c6e3b1638f5b4cc5aff5c01d28c23014.png
[fc22d359b935470581e51fd5225e0f82.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/8a3c63c4960e45a8985d967b1221c362.png
[4c7af027c74c46609d5cb1f760b991ba.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/c485eda309cb4fd09847be9ac45ec728.png
[7420c88489944055a852b8cead64b9cb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/deb4447c24a842f9909a3d6a1f581744.png
[c1e8624595bd40e99cc0f90bd54f9536.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/736df711ab39462f9f0b873fa1bc8a64.png
[c07e2e37192746f8900f8051b96d5fd8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/03f4a37869fc4a138caca374f2cf5614.png
[b1ca65e561c442d1b9c24dbfc59115cb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/2b17031cf0bc4581881e9c2632aa4346.png
[ec96ea7361524a8a86a54acbaca4d581.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/62a6718b259845f4a39e7219f9149824.png
[063f423ffe074320a71c33fe73c6acda.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/53c33684cb754770a3458826f5f6714e.png
[4fb3bcf6796943d791a458253274dfa1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/ddd87bcc44f94a4798b8d04028188c9e.png
[40e74601f416499e8e611726ac94f7f6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/bfbba9c044064827aa233c9a2b3e569c.png
[39dd81a82766476d913c027fbaab68b8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/9f84cceb37d84a02876bffcce7591775.png
[10539686858f432e9a09d2a1ef532a7e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/07ac31d649474a9d80bbbde7afb73f28.png
[f2bc9d28c9604e5a8bdd2f65f0e2c719.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/c705ee60958e4e87b2bc16073615fdea.png
[ea1bd5329b094199b00deb86f3c554b8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/ba64c19f3d3f44f6b2f5c20440dce44b.png
[4534704cc7e04534a0c93ee91c5a382a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/2f795b03788b4964a6b29a5cb112da28.png
[2b639c69b6ad42ed9e50a75af32dbe8b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/c5094a2646ed4c899001d281d750940c.png
[10d58c4b48ed412399fd3ba3d539be57.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/40b266da81cb4176bff75886f84ed74e.png
[5f8b90a4cd444dc7a3aeeae1ad74154e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/1b5525f6dc06444ea4409a4cf04eaee2.png
[212f227c8b5d4debb8edcdab8b22bda8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/7ea4c36f1c134ab1add3ab913c44f4f5.png
[926ab6f19c794b05b268979fc0911a24.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/3eeb26c853ab45fca6f53daae8e53f86.png
[18da00d81b634bb6b4002817f0f20ada.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/437ba70fe3034b1b826fe5a2fd4df6c0.png
[790cd7526b6841cfbf3ce5adee86fa9b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/8956aacf76ba4efab9132de31d9dc222.png
[b7ec5da2cdc642b6b5a92673e496d25c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/fed87a8a62f64e92b5d6001130f9446c.png
[677033ee31424f98b5f6a5618c1ac8eb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/28d49f8b2b0447fb9b4ae2fedb2362e1.png
[ba929d0fbe2e43029cca70fcbab3fc01.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/1cbc0fc1d32f402d936646f277059184.png