第6章 图形用户界面程序设计.ppt

《第6章 图形用户界面程序设计.ppt》由会员分享，可在线阅读，更多相关《第6章 图形用户界面程序设计.ppt（37页珍藏版）》请在课桌文档上搜索。

1、第六章 图形用户界面程序设计,主要内容,图形用户界面开发包：AWT 包及Swing包掌握创建GUI 程序的基本方法掌握使用布局管理器进行界面布局的基本方法掌握 Swing包中常用组件的基本用法掌握Java事件处理机制,Java中开发图形用户界面的资源,界面元素：容器和组件java.awt包java.swing包布局：常用布局管理类：java.awt新增布局管理类：java.swing事件处理：常用事件处理类或接口:java.awt.event新增事件处理类或接口：Java.swing.event,Java GUI组件,AWT(Abstract Window Toolkit):早期版本。包为：j

2、ava.awt其优点是：简单、系统开销小；但是它开发出来的应用程序移植性差，而且不如Windows自带的程序看起来精美。Swing:Java1.2版本正式加入的新图形用户版本。包为：javax.swing优点是：不包含任何与平台有关的本地代码，基于swing的应用程序具有很好的可移植性；具有比AWT更为丰富的组件；组件的形式也可以多样化；使用MVC体系结构进行设计；,AWT组件和swing组件的关系,几乎所有的AWT组件都有对应的swing组件，swing组件名前多一个字母“J”。Swing对AWT组件进行了修改，且增加了新的组件。本课程我们使用swing组件开发图形用户界面。,使用swing

3、开发GUI所需的资源,开发图形用户界面程序通常需导入：import javax.swing.*;import java.awt.*;import java.awt.event.*;,Gui程序框架,import javax.swing.*;/引入GUI包public class MyFirstGUI extends JFrame public MyFirstGUI()super(我的第一个窗口程序);/调用父类Jframe的构造器方法public static void main(String args)MyFirstGUI w1=new MyFirstGUI();w1.setSize(300

4、,150);/设置窗口大小w1.setVisible(true);/显示窗口,认识Java GUI程序,调试运行例题6-1,JFrame类支持图形用户界面的设计与实现,通常我们编写的GUI应用程序都要继承JFrame类.JFrame类位于javax.swing包.java.swing包是Java平台上JFC（Java Foundation Classws）的一部分，它提供开发GUI所需要的所有组件。,向JFrame中添加组件步骤,1.创建组件对象如：JLabel jL1=new JLabel(欢迎光临);2.获得添加的目标容器Container w1Container=w1.getConten

5、tPane();3.将组件添加到容器中w1Container.add(jL1);,进一步认识Java GUI程序,调试运行例题6-2,JLabel,标签组件,用来在窗口中显示信息.getContentPane()是JFram的方法,用来获取当前对象的窗口容器(Container).所有在窗口中显示的组件都要加入到这个容器中.通常情况下,用add方法将组件加入.Container类位于java.awt包.抽象窗口工具包AWT(Abstract Window Toolkit)是 API为Java 程序提供的建立图形用户界面GUI 工具集，AWT可用于Java的applet和applications

6、中。,问题思考,如果在一个窗口里显示多个标签,那么这些标签应该如何排列?,Java的布局管理器,Java的布局管理器提供了几种不同的布局管理方式,用来控制组件在容器中的显示方式和显示位置.所有的布局管理方式都是以类的形式实现的,这些类位于java.awt包中.常用的布局管理方式有下面几种:顺序布局:FlowLayout 边界布局:Borderlayout 网格布局:GridLayout 手工布局:,设置布局管理器,每个容器拥有自己默认的布局管理器。ContentPane的默认布局是BorderLayout。如果不希望使用默认布局，则可使用所有容器的父类Container的setLayout()

7、方法改变。例如：JPanel pane=new JPanel();pane.setLayout(new BorderLayout（）);,组件布局方法,顺序布局(FlowLayout)：将组件按从左至右，从上到下的顺序逐个放置。边界布局(BorderLayout),把容器分为5个区：北区、南区、东区、西区、中区。组件可以指定自己放在那个区，因为只有5个区，所以最多容纳5个组件。网格布局(GridLayout),把容器区域分成若干个网格，每个网格放置一个组件，适合数量众多的组件。在创建网格布局时，可以给出网格的行数和列数。,顺序布局管理,调试运行例题6-3,定义顺序布局管理对象 FlowLayo

8、ut myLayout=new FlowLayout();设置容器的布局管理方式为顺序布局方式 winContainer.setLayout(myLayout);,顺序布局（FlowLayout）是把组件一个接一个地从左到右顺序排列，一行排满后就转到下一行继续排列，直到把所有组件都排列完毕为止。在顺序布局方式中，组件通过容器的add（组件）方法来实现上述排列。,边界布局,调试运行例题6-4,定义边界布局管理器对象 BorderLayout myLayout=new BorderLayout();设置容器的布局管理方式为边界布局方式 winContainer.setLayout(myLayout

9、);将标签组件jL1放置在窗口东区 winContainer.add(East,jL1)或:winContainer.add(BorderLayout.EAST,jL1);,边界布局（BorderLayout）是把容器分为5个区：北区（North）、南区（South）、东区（East）、西区（West）和中区（Center）。这几个区的分布规律是“上北下南，左东右西中”。组件可以通过容器的add(区域,组件)的方法将其指定显示位置。由于只有5个区域，因此，边界布局最多只能放置5个组件。,网格布局,调试运行例题6-5,定义网格布局管理器对象 GridLayout myLayout=new Gri

10、dLayout(3,2);设置容器的布局管理方式为网格布局方式 winContainer.setLayout(myLayout);,网格布局(GridLayout)将容器划分为m行,n列个网格,每个网格放置一个组件.组件通过容器的add(组件)方法将组件从左到右放置在对应的网格中。,手工布局,调试运行例题6-6,jL1.setBounds(x,y,width,height);设置标签组件jL1左上角坐标在窗口中位于(x,y)处,组件jL1宽为width像素,高为heiht像素.窗口的原点位于窗口的左上角.X值越大,就越靠 近窗口的右边,y值越大,就越靠近窗口的下面.设置容器的布局管理方式为nu

11、ll布局方式 winContainer.setLayout(null);,手工布局允许程序员对界面进行个性化的设计,即由程序员来安排组件在容器中的具体位置和大小.组件通过容器的add（组件）方法加入。,手工布局,设置布局为手工布局如：w1Container.setLayout(null);设置组件显示的位置和大小如1：jL1.setBounds(10,20,100,20);如2：jL2.setBounds(20,40,100,20);,小结,Java GUI界面设计步骤:1.引入组件所在的包（如javax.swing.和java.awt）2.定义图形用户界面类，该类继承自JFrame3.将图形

12、用户界面中需要的组件定义成成员变量4.添加构造器方法，在该构造器方法中，实现界面设计（1）调用父类JFrame构造器方法（2）将需要在当前窗口放置的组件进行初始化（3）通过this.getContentPane()获得当前窗口容器对象（4）定义并设置当前容器的布局管理方式（5）将定义好的组件添加到当前窗口（6）将窗口设置为合适的大小（7）显示窗口5.生成窗口对象（通常在main方法中生成），你就可以看到相应的窗口了,练习1,编程实现如图所示的窗口，使用顺序布局方式,练习2,编程实现如图所示的窗口，使用边界布局方式,练习3,编程实现如图所示的窗口，使用网格布局方式,事件处理,import jav

13、ax.swing.*;import java.awt.*;public class MyFirstEvent extends JFramepublic MyFirstEvent()super(事件处理机制);public static void main(String args)MyFirstEvent w1=new MyFirstEvent();Container w1Container=w1.getContentPane();w1Container.setLayout(null);JLabel jL1=new JLabel(欢迎访问，请点击下面的按钮);jL1.setBounds(50,2

14、0,200,30);w1Container.add(jL1);JButton jB1=new JButton(被按下偶数次);jB1.setBounds(60,60,150,30);w1Container.add(jB1);w1.setSize(300,150);w1.setVisible(true);,事件处理中的4要素,事件源：产生事件的组件事件事件监听器：负责监听事件的程序事件服务程序：针对具体事件的处理代码,事件处理机制,添加事件处理步骤：,（1）为组件注册事件监听器：如：addActionListener(this)（2）编写事件监听器类，要求实现相关的事件监听器接口。并在事件监听器

15、类中实现特定方法。（3）并在事件监听器类中实现特定方法。注：常用事件处理接口包含在java.awt.event包中，因此，程序必须引入该包。,事件服务类的建立,事件服务类必须实心相应的事件监听器接口或继承适配器类。,常用组件的使用,Font和Color 标签和按钮 文本输入框和密码输入框 单选按钮和复选框 下拉菜单 菜单 对话框 文件框,Font、Color、标签和按钮应用实例,实例：当我们点击“颜色变化”按钮时，“欢迎光临”的颜色在红与兰色之间变换，当点击“推出”按钮时，退出应用程序。程序：MyButtonExample.java,文本输入框和密码输入框应用实例,实例：当我们输入正确的用户名

16、和密码（“JAVA”和“1234”）时，系统提示正确信息，否则提示错误信息。程序：MyFieldExample.java,单选按钮和复选框应用实例,实例：当我们在文本框中输入数值，并按回车键时，系统能根据当前所选择的运算符进行运算，并将结果以选择的状态进行显示。程序：MyRadioButtonEvent.java,下拉菜单应用实例,实例：制作1个简单的省会查询器。当我们选择不同的省份时，能将该省份的省会给显示出来。程序：MyItemEvent.java,菜单应用实例,实例：完成一个“文件编辑”的基本界面。当我们选择不同的菜单时，系统能显示你所选择的菜单，当选择“退出”时，退出应用程序 程序：MyMenuExample.java,标准对话框应用实例,自定义对话框应用实例,实例：针对上例，我们做一个修改，当我们进入到登陆窗口，选择“注册”按钮时，系统进入“用户注册”对话框，在该对话框中，可以显示用户在登陆窗口的昵称，并要求“重输密码”，当“重输密码”与登陆窗口的密码一致时，给出“注册成功”，否则显示“不成功”。程序：MyDialog.java,文件框应用,实例：在前面设计的菜单项目中，加入文件框，当我们选择“打开”时，能弹出下所示的文件对话框。,