人工智能时代Java项目实战 课件 6-项目六-构建具有基本布局和事件的GUI界面

人工智能时代Java项目实战项目六构建具有基本布局和事件的GUI界面·实现4种常见的GUI界面·实现4种常见的GUI界面上的组件·实现4种常见的GUI界面中的布局·实现GUI界面中的基本事件刘丹

任务描述上海御恒信息科技公司接到某家务管理公司的项目订单，要求用AWT实现用户登录的界面、布局与事件。公司刚招聘了一名程序员小张，软件开发部经理要求他尽快熟悉Java中的AWT，并能搭建项目的整体架构，小张按照经理的要求开始做以下的任务分析。任务一实现4种常见的GUI界面实现4种常见的GUI界面要首先要设计AWT中的Frame界面和Applet界面，其次要设计Swing中的JFrame界面JApplet界面，然后要在类中封装公有的实例方法与事件方法，最后在主方法中设置窗口标题、窗口大小以及可见性。

任务分析任务一

实现4种常见的GUI界面第一步：设计AWT中的Frame界面。

任务实施任务一

实现4种常见的GUI界面第一步：设计AWT中的Frame界面。

任务实施任务一

实现4种常见的GUI界面运行后界面如下图所示，注意界面右上角的关闭按钮是无法实现关闭窗口的功能。

AWT中的Frame界面第二步：设计Swing中的JFrame界面。

任务实施任务一

实现4种常见的GUI界面第二步：设计Swing中的JFrame界面。

任务实施任务一

实现4种常见的GUI界面运行后界面如下图所示，注意界面右上角的关闭按钮是可以关闭窗口的。

Swing中的JFrame界面

任务实施任务一

实现4种常见的GUI界面第三步：设计AWT中的Applet界面。

任务实施任务一

实现4种常见的GUI界面第三步：设计AWT中的Applet界面。

任务实施任务一

实现4种常见的GUI界面第三步：设计AWT中的Applet界面。运行后界面如下图所示，注意此界面是在小应用程序查看器中运行的，背景色显示正常。

AWT中的Applet界面

任务实施任务一

实现4种常见的GUI界面第四步：设计Swing中的JApplet界面。

任务实施任务一

实现4种常见的GUI界面第四步：设计Swing中的JApplet界面。

任务实施任务一

实现4种常见的GUI界面第四步：设计Swing中的JApplet界面。运行后界面如下图所示，注意此界面是在小应用程序查看器中运行，但背景色无法显示（请思考为什么？）。Swing中的JApplet界面1、java.awt包是基本GUI界面包、javax.swing包是扩展GUI界面包。2、Frame窗口不能直接关闭，JFrame窗口可以直接关闭。3、Applet界面可以直接设背景色，JApplet界面不可以直接设背景色。4、Frame和JFrame窗口可以直接设置宽和高，Applet和JApplet窗口的宽和

高不能直接设置，只能通过设置小应用程序查看器的宽和高来实现。

任务小结任务一

实现4种常见的GUI界面1、四种GUI界面分别为：（Frame，JFrame，Applet，JApplet）

任务拓展任务一

实现4种常见的GUI界面2、四种常见GUI界面的区别如右：

任务拓展任务一

实现4种常见的GUI界面1、请问Frame与JFrame的区别是什么？2、请问Applet与JApplet的区别是什么？3、请问Frame窗口为何不能直接关闭？4、请问JApplet窗口为何不能直接设背景色？

任务思考任务一

实现4种常见的GUI界面上海御恒信息科技公司接到一家公司的项目订单，要求实现4种常见的GUI界面上的组件。公司刚招聘了一名程序员小张，软件开发部经理要求他尽快熟悉GUI界面上的组件的使用方法，并能用其搭建起GUI界面的主体架构，小张按照经理的要求开始做以下的任务分析。

任务描述任务二实现4种常见的GUI界面上的组件实现4种常见的GUI界面上的组件要首先设计AWT中的Frame界面和Applet界面上的常用组件，其次要设计Swing中的JFrame界面和JApplet上的常用组件，然后要在类中封装公有的实例方法与事件方法，最后在主方法中设置窗口标题、窗口大小以及可见性。

任务分析任务二

实现4种常见的GUI界面上的组件

任务实施第一步：AWT的Frame界面上的常用组件。任务二

实现4种常见的GUI界面上的组件

任务实施第一步：AWT的Frame界面上的常用组件。任务二

实现4种常见的GUI界面上的组件

任务实施第一步：AWT的Frame界面上的常用组件。任务二

实现4种常见的GUI界面上的组件运行后界面如下图所示。

AWT的Frame界面上的常用组件第二步：Swing的JFrame界面上的常用组件。

任务实施任务二

实现4种常见的GUI界面上的组件第二步：Swing的JFrame界面上的常用组件。

任务实施任务二

实现4种常见的GUI界面上的组件第二步：Swing的JFrame界面上的常用组件。

任务实施任务二

实现4种常见的GUI界面上的组件运行后界面如下图所示。

Swing的JFrame界面上的常用组件

任务实施第三步：AWT的Applet界面上的常用组件。任务二

实现4种常见的GUI界面上的组件

任务实施第三步：AWT的Applet界面上的常用组件。任务二

实现4种常见的GUI界面上的组件

任务实施第三步：AWT的Applet界面上的常用组件。任务二

实现4种常见的GUI界面上的组件运行后界面如右图所示。

AWT的Applet界面上的常用组件

任务实施第四步：Swing的JApplet界面上的常用组件。任务二

实现4种常见的GUI界面上的组件

任务实施第四步：Swing的JApplet界面上的常用组件。任务二

实现4种常见的GUI界面上的组件

任务实施第四步：Swing的JApplet界面上的常用组件。任务二

实现4种常见的GUI界面上的组件运行后界面如右图所示。

Swing的JApplet界面上的常用组件1、Frame为基本窗口类。2、Label为基本标签类。3、TextField为基本文本框控件。4、Button为基本按钮控件。

任务小结任务二

实现4种常见的GUI界面上的组件1、AWT：尽管AWT提供了一种构建GUI的方法，但它的一些限制（如固定大小的组件和不够灵活的布局管理器）使得Swing成为了更受欢迎的选择。Swing提供了更多的特性，并且更易于使用。然而，了解AWT仍然对于理解Java的GUI开发历史和基本原理是很有帮助的。java.awt是Java的一个包，它提供了构建图形用户界面（GUI）的工具。AWT是"AbstractWindowToolkit"的缩写，是Java的原始图形用户界面工具包。尽管Java随后发展出了更先进的Swing工具包，但AWT仍然是Java标准库的一部分，并可用于构建一些基本的GUI应用程序。Component:这是AWT所有图形界面元素的基类。它不能直接实例化，但定义了所有GUI组件的基本行为和属性，如大小、位置、可见性和背景色。2.Container:这是一个特殊的组件，它可以包含其他组件（即其他Container或Component）。Frame和Panel都是Container的子类。3.Frame:这是一个顶层窗口，用于包含其他组件。它通常用于构建应用程序的主窗口。4.Panel:这是一个简单的容器，可以包含其他组件，但不能独立存在。通常，它会被添加到一个Frame中。

任务拓展任务二

实现4种常见的GUI界面上的组件5.Button和Label:这两个类分别用于创建按钮和标签。按钮可以被点击，而标签则显示文本。6.Choice和List:这两个类都允许用户从下拉列表中选择一个选项。Choice是一个下拉列表，而List则允许用户选择多个选项。7.TextField和TextArea:这两个类分别用于创建单行和多行文本输入字段。8.Font,Color,和Image:这些类用于处理字体、颜色和图像。9.Graphics:这个类提供了在组件上绘制图形和文本的方法。10.LayoutManager和其实现类（如FlowLayout和BorderLayout）:这些类用于管理组件在容器中的布局。

任务拓展任务二

实现4种常见的GUI界面上的组件11、四种常见GUI界面中常用的组件和使用面板的区别：

任务拓展任务二

实现4种常见的GUI界面上的组件1、请问Component类与Container类有何区别？2、请问TextField和TextArea类有何区别？

任务思考任务二

实现4种常见的GUI界面上的组件

任务描述上海御恒信息科技公司接到一家公司的项目订单，要求实现4种常见的GUI界面中的布局。公司刚招聘了一名程序员小张，软件开发部经理要求他尽快熟悉GUI界面中的布局的使用方法，并能用其搭建起GUI界面的主体架构，小张按照经理的要求开始做以下的任务分析。任务三实现4种常见的GUI界面中的布局实现4种常见的GUI界面中的布局要首先设计AWT中的Frame界面和Applet界面中的布局，其次要设计Swing中的JFrame界面和JApplet中的布局，然后要在类中封装公有的实例方法与事件方法，最后在主方法中设置窗口标题、窗口大小以及可见性。

任务分析任务三实现4种常见的GUI界面中的布局第一步：AWT中的Frame界面里的布局。

任务实施任务三实现4种常见的GUI界面中的布局第一步：AWT中的Frame界面里的布局。

任务实施任务三实现4种常见的GUI界面中的布局第一步：AWT中的Frame界面里的布局。

任务实施任务三实现4种常见的GUI界面中的布局第一步：AWT中的Frame界面里的布局。

任务实施任务三实现4种常见的GUI界面中的布局第一步：AWT中的Frame界面里的布局。

任务实施任务三实现4种常见的GUI界面中的布局运行后界面如下图所示。

AWT中的Frame界面里的布局第二步：Swing中的JFrame界面里的常用组件。

任务实施任务三实现4种常见的GUI界面中的布局第二步：Swing中的JFrame界面里的常用组件。

任务实施任务三实现4种常见的GUI界面中的布局第二步：Swing中的JFrame界面里的常用组件。

任务实施任务三实现4种常见的GUI界面中的布局运行后界面如下图所示。

Swing中的JFrame界面里的常用组件第三步：AWT中的Applet界面里的常用组件。

任务实施任务三实现4种常见的GUI界面中的布局第三步：AWT中的Applet界面里的常用组件。

任务实施任务三实现4种常见的GUI界面中的布局第三步：AWT中的Applet界面里的常用组件。

任务实施任务三实现4种常见的GUI界面中的布局运行后界面如下图所示。

AWT中的Applet界面里的常用组件第四步：Swing中的JApplet界面里的常用组件。

任务实施任务三实现4种常见的GUI界面中的布局第四步：Swing中的JApplet界面里的常用组件。

任务实施任务三实现4种常见的GUI界面中的布局第四步：Swing中的JApplet界面里的常用组件。

任务实施任务三实现4种常见的GUI界面中的布局运行后界面如下图所示。

Swing中的JApplet界面里的常用组件1、FlowLayout为流式布局，可以设置自左向右的布局。2、GridLayout为网格布局，可以设置成n行n列的布局。3、BorderLayout为边界布局，可以设置上中下、左中右等布局。

任务小结任务三实现4种常见的GUI界面中的布局1.FlowLayout

FlowLayout是JavaSwing库中的一个布局管理器，用于安排容器中的组件按照一定的顺序从左到右、从上到下进行布局。当容器的大小发生变化时，FlowLayout会自动调整组件的位置和大小，以适应新的容器大小。以下是FlowLayout的一些特点：（1）对齐方式：默认情况下，FlowLayout中的组件会沿着容器的边缘进行居中对齐，但是可以通过构造函数或setAlignment方法来设置对齐方式，包括左对齐、居中对齐和右对齐。（2）组件间距：组件之间的水平和垂直间距可以通过构造函数或setHgap和setVgap方法来设置。（3）新行：当容器中的空间不足以放置下一个组件时，FlowLayout会自动将组件放置在新的一行中。（4）大小适应：FlowLayout会根据容器的大小来调整组件的大小，使得组件能够适应容器的空间。

任务拓展任务三实现4种常见的GUI界面中的布局

右面是一个简单的示例，

展示如何使用FlowLayout布局管理器：

在这个示例中，我们创建了一个JFrame和一个JPanel，并将FlowLayout应用于JPanel。然后，我们向JPanel中添加了三个JButton，这些按钮会按照FlowLayout的规则进行布局。最后，我们将JPanel添加到JFrame中，并显示出来。

任务拓展任务三实现4种常见的GUI界面中的布局2.GridLayout:

FlowLayout是JavaSwing库中的一个布局管理器，用于安排容器中的组件按照一定的顺序从左到右、从上到下进行布局。当容器的大小发生变化时，FlowLayout会自动调整组件的位置和大小，以适应新的容器大小。以下是FlowLayout的一些特点：（1）对齐方式：默认情况下，FlowLayout中的组件会沿着容器的边缘进行居中对齐，但是可以通过构造函数或setAlignment方法来设置对齐方式，包括左对齐、居中对齐和右对齐。（2）组件间距：组件之间的水平和垂直间距可以通过构造函数或setHgap和setVgap方法来设置。（3）新行：当容器中的空间不足以放置下一个组件时，FlowLayout会自动将组件放置在新的一行中。（4）大小适应：FlowLayout会根据容器的大小来调整组件的大小，使得组件能够适应容器的空间。

任务拓展任务三实现4种常见的GUI界面中的布局

右面是一个简单的示例，

展示如何使用FlowLayout布局管理器：

在这个示例中，我们创建了一个JFrame和一个JPanel，并将FlowLayout应用于JPanel。然后，我们向JPanel中添加了三个JButton，这些按钮会按照FlowLayout的规则进行布局。最后，我们将JPanel添加到JFrame中，并显示出来。

任务拓展任务三实现4种常见的GUI界面中的布局3.BorderLayout

BorderLayout是JavaSwing和AWT库中的一个布局管理器，它将容器分为五个区域：北（North）、南（South）、东（East）、西（West）和中（Center）。每个区域只能放置一个组件，但是可以通过嵌套使用其他布局管理器来在一个区域内放置多个组件。以下是BorderLayout的一些特点：（1）区域定位：组件可以通过指定它们应该放置在哪个区域（北、南、东、西、中）来添加到容器中。（2）大小调整：BorderLayout会根据容器的边界和放置在中心区域的组件来调整其他区域的大小。中心区域的组件会扩展以填充剩余的空间，而其他区域的组件则会保持它们的最小大小。（3）对齐方式：默认情况下，BorderLayout中的组件会沿着容器的边缘进行居中对齐，但是可以通过构造函数或setAlignment方法来设置对齐方式。（4）组件间距：组件之间的水平和垂直间距可以通过构造函数或setHgap和setVgap方法来设置。

任务拓展任务三实现4种常见的GUI界面中的布局

右面是一个简单的示例，

展示如何使用BorderLayout布局管理器：

在这个示例中，我们创建了一个JFrame和一个JPanel，并将BorderLayout应用于JPanel，同时设置了水平和垂直间距为5。然后，我们向JPanel中添加了五个JButton，每个按钮都被放置在BorderLayout的一个不同区域。最后，我们将JPanel添加到JFrame中，并显示出来。

任务拓展任务三实现4种常见的GUI界面中的布局4.常用布局的特点：

任务拓展任务三实现4种常见的GUI界面中的布局1、FlowLayout布局类的特点是什么？2、GridLayout布局类的特点是什么？3、BorderLayout布局类的特点是什么？

任务思考任务三实现4种常见的GUI界面中的布局上海御恒信息科技公司接到一家教育公司的个人信息录入器的项目订单，要求实现GUI界面中的基本事件。公司刚招聘了一名程序员小张，软件开发部经理要求他尽快熟悉GUI界面中的基本事件的设计方法，并能根据客户的不同需求来搭建不同的事件架构，小张按照经理的要求开始做以下的任务分析。任务描述任务四实现GUI界面中的基本事件实现GUI界面中的基本事件要首先制作主程序MainProgram.java、制作主窗口MainWindow.java，其次制作主面板MainPanel.java、，然后要在构造方法中为组件添加事件监听器，最后在主类中重写事件接口的抽象方法来实现具体的算法。任务分析任务四实现GUI界面中的基本事件任务实施第一步：制作主程序MainProgram.java。任务四实现GUI界面中的基本事件任务实施第二步：制作主窗口MainWindow.java。任务四实现GUI界面中的基本事件任务实施第三步：制作主面板MainPanel.java。任务四实现GUI界面中的基本事件任务实施第四步：制作北面板NorthPanel.java。任务四实现GUI界面中的基本事件任务实施第四步：制作北面板NorthPanel.java。任务四实现GUI界面中的基本事件任务实施第五步：制作中面板CenterPanel.java。任务四实现GUI界面中的基本事件任务实施第六步：制作南面板SouthPanel.java。任务四实现GUI界面中的基本事件任务实施第七步：制作事件类MyEvent.java。任务四实现GUI界面中的基本事件任务实施第七步：制作事件类MyEvent.java。任务四实现GUI界面中的基本事件任务实施第七步：制作事件类MyEvent.java。任务四实现GUI界面中的基本事件任务实施第八步：制作自定义异常类MyException.java。任务四实现GUI界面中的基本事件任务实施第八步：制作自定义异常类MyException.java。任务四实现GUI界面中的基本事件选中主程序MainProgram.java,运行后界面如下图所示，如果姓名未输入时会显示“姓名不能为空”，年龄未输入时会显示“年龄不能为空”，如果姓名和年龄都输入后，会在下方文本框内显示具体的姓名和年龄。

个人信息录入器任务小结1、设计主程序类MainProgram加载主窗口类MainWindow。2、设计主窗口类MainWindow加载主面板类MainPanel。3、设计主面板类MainPanel加载北面板类NorthPanel、中面板类CenterPanel、

南面板类SouthPanel。4、设计事件类MyEvent实现所有事件和相关算法。5、设计自定义异常类MyException来捕获系统异常和自定义异常。任务四实现GUI界面中的基本事件1、将程序分解成多个类并自上而下调用及加载，如下表所示。

程序分解及加载顺序

任务拓展任务四实现GUI界面中的基本事件2、将多个类合并成一个类，如右代码所示。

任务拓展任务四实现GUI界面中的基本事件2、将多个类合并成一个类，如右代码所示。

任务拓展任务四实现GUI界面中的基本事件2、将多个类合并成一个类，如右代码所示。

任务拓展任务四实现GUI界面中的基本事件1、请问如何将一个主类分解成多个子类？2、请问如何用主窗口加载主面板？3、请问如何用主面板加载子面板？4、请问如何在面板上加载事件？5、请问如何在面板上加载异常处理？任务思考任务四实现GUI界面中的基本事件

项目描述项目综合实训实现学生成绩统计系统的GUI界面设计上海御恒信息科技公司接到某公司的项目订单，要求实现学生成绩统计系统的GUI界面设计，公司刚招聘了一名程序员小张，软件开发部经理要求他尽快熟悉Java的GUI界面设计，并能用主类、辅助界面类、辅助事件类、辅助自定义异常类来搭建项目的整体架构，小张按照经理的要求开始做以下的项目分析。学生成绩统计系统的GUI界面设计首先要封装主类、主窗口类、主面板类，其次要封装北面板类、北上面板类、北中面板类、中面板类、南面板类，接着要封装自定义事件类，最后设计自定义异常类。

项目分析项目综合实训实现学生成绩统计系统的GUI界面设计

项目实施第一步：制作主程序MainProgram.java。项目综合实训实现学生成绩统计系统的GUI界面设计

项目实施第二步：制作主窗口MainWindow.java。项目综合实训实现学生成绩统计系统的GUI界面设计

项目实施