1、面向对象与多线程综合实验-GUI设计,教师：段鹏飞,实验 4-实验目的,了解Java图形界面程序的基本结构 掌握Java布局管理和常用组件的使用 掌握Java事件处理机制,实验内容,编写程序，将前面课程所编写的档案管理系统改编为图形用户界面。要求：程序界面选用合适的布局，综合使用菜单、按钮、文本框、密码框、下拉列表、文件对话框等组件，实现良好的人机接口。,界面构成,1、登陆界面：包含用户名、密码等输入，以及登陆按钮等事件操作。2、管理员、录入员、浏览员等不同对象的主界面：在主界面中实现菜单操作，以及相应地按钮功能（注意界面的布局）。3、在文件上传的过程中实现文件选择对话框（参考JFileCho
2、oser）,图形用户界面的组成,多行文本框,组件,单选按钮,单行文本框,标签,复选按钮,按钮,组合框,窗口,面板,容器,4、Frame,抽象窗口工具集AWT,java.awt包中的主要类以及组件类的继承关系,NCEPU,java.lang.Object,Java中有两种主要容器：窗口和面板 窗口(Window)是可以自由移动的，不依赖其他容器 而存在的容器 面板(Panel)与窗口类似，但不能独立存在，必须包含 在另外一个容器里，如包含在Frame或Web中,窗口(Window)有两个主要组件：框架和对话框 在Java应用程序中，一般独立应用程序主要使用框架 (Frame)做容器，在框架上通过
3、放置面板(Panel) 来控制图形界面的布局。 如果应用到浏览器中，则主要使用面板的一个子类 Applet来做容器，它能嵌入浏览器运行。,第一节 抽象窗口工具集AWT,java.awt包中的主要类以及组件类的继承关系,java.lang.Object,知识要点 - GUI设计流程,一般可按照下列流程进行 引入Java图形组件包 AWT、Swing 选择“外观和感觉” 设置窗体属性 设置组件布局 向窗体中添加组件 对组件进行事件处理,内容面板： Panel类对象,下拉菜单： Menu类对象,文本框： TextField类对象,按钮： Button类对象,窗体： Frame类对象,“交互”的实现
4、如何判断“按钮”变化 如何实现按下以后 的工作,知识要点 实现GUI步骤示意,菜单组件 不能将菜单组件直接添加到一般的容器中 不能使用布局管理器对它们进行布局 AWT提供的菜单机制是这样的：一个容器包含一个菜单条，一个菜单条中包含多个菜单，一个菜单中包含多个菜单或菜单项 和菜单相关的组件有四个：MenuBar, Menu, MenuItem, CheckboxMenuItem.,知识要点 - 菜单,布局策略,Java在java.awt包中定义了5种布局，它们分别是：FlowLayout、BorderLayout、CardLayout、GridLayout、GridBagLayout。设置布局的
5、格式为：容器对象.setLayout(布局策略);Panel p = new Panel();p.setLayout(new BorderLayout();,布局管理器,FlowLayout（流式布局） 将组件逐个放到容器的一行上 一行放满后就重新起一个新行BorderLayout（边界布局） 容器被划分为东(East)、南(South)、 西(West)、北(North)、中(Center),布局管理器,GridLayout（网格式布局） 将容器分为大小相等的若干行乘若干列的网格，组件从左至右，从上到下放入网格中，每个组件占一格（表格式） CardLayout（卡片式布局） 将容器中的组件处
6、理成一组卡片，每一时刻只显示一张卡片，可以在卡片间切换,浮动布局FlowLayout,浮动布局是按照组件的顺序，用add方法将组件从左至右在一行排列，一行放不下时就自动换行。 这是系统的默认的布局方式。 其设置的方法为：setLayout(new FlowLayout();,第四节 布局管理器,NCEPU,import java.awt.*; public class MyFlow private Frame f; private Button b1, b2, b3;public static void main (String args)MyFlow mf = new MyFlow ( );
7、 mf. go ( ); public void go ( ) f = new Frame ( “Flow Layout“ );f. setLayout (new FlowLayout ( ) );b1 = new Button ( “OK“ );b2 = new Button ( “Open“ );b3 = new Button ( “Close“ );f. add ( b1 ); f. add ( b2 ); f. add ( b3 );f. setSize ( 100, 100 );f. setVisible ( true ); ,输出为：,边界布局BorderLayout,Border
8、Layout类把容器划分成5个区域，分别标记为“North”、“South”、“West”、“East”和“Center”。 其设置的方法为：setLayout(new BorderLayout();,中,北,西,南,东,边界布局示例,1. /* 边界布局示例 */ 2. import java.awt.*; 3. public class Example4_6 extends java.applet.Applet 4. 5. public void init() 6. setLayout(new BorderLayout(); 7. /将其他构件加入 8. add(“East“, new B
9、utton(“East“); 9. add(“South“, new Button(“South“); 10. add(“West“, new Button(“West“); 11. add(“North“, new Button(“North“); 12. add(“Center“, new Button(“Center“); 13. 14. ,网格布局GridLayout,GridLayout类以矩形网格形式对容器中的组件进行布局。容器被分成大小相等的单元格，单元格的大小由最大的构件所决定，用add方法将组件一行一行地从左至右放置到布局的每个单元格中。 其设置的方法为： setLayout
10、(new GridLayout(int row, int cols); row是网格的行数，cols是网格的列数。,这种布局包含几个卡片，在某一时刻只有一个卡片是可见的，而且第一个卡片显示的内容可用自己的布局来管理。,卡片布局设置的方法为： setLayout(new CardLayout();,4、卡片布局CardLayout,知识要点 - 布局技巧,容器的嵌套 一个包含了多个组件的容器本身可以作为一个组件加到另一个容器中去，容器中再添加容器，这样就形成了容器的嵌套。 多面板技术 将窗口分割成多个独立的面板，每个面板独立布局（即为每个面板分别设置不同的布局管理器），然后再使用另一种布局管理器
11、来组织这些面板。,知识要点 - 事件处理,实现事件处理的步骤创建事件监听器类创建事件监听器对象注册事件监听器,2.1 事件机制的几个概念,事 件 事件源产生的交互内容，如“按下鼠标” (ActionEvent) 在 java.awt.event包中定义的类,事件监听器 接收事件并进行处理，由程序员编写 (ActionListener) 对应处理所监听事件源产生的事件,监听器接口 编写“事件监听器”的“规定” “抽象方法” 必须在监听器类中实现这些方法完成事件处理,监听器注册 将事件监听器对象绑定到事件源，进行监听,事件源 描述人机交互中事件的来源 (EventSource) 通常是Java图形
12、包中组件,class myButtonFrame extends Frame Button btn;myButtonFrame(String s) /构造函数super(s);this.setSize(200,120); /* 创建按钮*/ btn = new Button(“点击“);this.add(btn);/ 事件监听器创建和注册ButtonListener bl = new ButtonListener();btn.addActionListener(bl); ,知识要点 - 事件处理,import java.awt.*; import java.awt.event.*; class
13、 ButtonListener implements ActionListener public void actionPerformed ( ActionEvent e ) System.out.println ( “我知道你按下按钮啦“ ); ,public class ActionEventTest / 主类 public static void main(String args)myButtonFrame frm = new myButtonFrame(“ActionEventTest“);frm.show(); / 显示窗体,按钮 事件源,注册监听器,设计自己的窗体类,监听器类,知识要点 - 终端程序转化为GUI,1、借鉴改写计算器的思维，将原来的程序进行封装（只改写showmenu()） 2、借鉴MVC的思想，界面和控制进行分离。,知识要点 - 注意事项,1、设置边界时要使用swing（awt不支持setborder）; 2、注意使用e. getSource()和e. getActionCommand()来区分不同的对象；,谢谢,
