图形用户界面 (GUI) 设计

Size: px

Start display at page:

Download "图形用户界面 (GUI) 设计"

又邸
5 years ago
Views:

1 学年度第二学期课程 C 语言程序设计 Java 语言程序设计面向过程编程方法编程方法学新疆农业大学计算机与信息工程学院陈燕红 :cyh@xjau.edu.cn

2 图形用户界面 (GUI) 设计

5 参考 C:\Program Files\Java\jdk1.6.0_10\demo

6 教学内容 1 Java 图形用户界面设计概述 AWT 组件集事件处理 Swing 组件集 5 6

7 概述图形用户界面, 英文全称为 Graphical User Interface, 一般习惯简称为 GUI 图形化用户界面大大方便了人机交互, 是一种结合计算机科学美学心理学行为学, 及各商业领域需求分析的人机系统工程, 强调人机环境三者作为一个系统进行总体设计

8 设计原则用户至上的原则交互界面要友好配色方案要合理

9 主流开发工具集基于 Java 的图形用户界面开发工具 ( 即组件集 ) 最主流的有三种 : AWT 随 Sun 的 JDK 一起发布 Swing SWT/JFace 源于 IBM 的 Eclipse 开源项目

10 AWT 组件集 AWT(Abstract Window ToolKit) 由 JDK 的 java.awt 包提供, 里面包含了许多可以用来建立图形用户界面 (GUI) 的类, 一般称这些类为组件 (component) 图 AWT 组件的继承关系图

11 AWT 组件集 AWT 组件大致可以分为以下三类 : (1) 容器类组件 (2) 原子类组件 ( 非容器类组件 ) (3) 布局管理器类组件

12 容器类组件容器类组件由 Container 类派生而来, 常用的有 Frame 类和 Dialog 类, 以及 Applet 类这些容器类组件可以用来容纳其他普通组件或者另一些容器组件, 起到组织用户界面的作用容器类组件有一定的范围和位置, 并且它们的布局从整体上也决定了所容纳组件的位置因此, 在界面设计的初始阶段, 首要考虑的就是容器类组件的布局

13 图 AWT 组件的继承关系图

14 顶层容器 : 是一个能够提供图形绘制的容器, 是进行图形编程的基础, 一切图形化的东西, 都必须包括在顶层容器中 Frame JFrame: 用来设计类似于 Windows 系统中的窗口形式的应用程序 Dialog JDialog: 和 Frame 类似, 只不过 Dialog 是用来设计对话框 Applet JApplet: 用来设计可以嵌入在网页中的 Java 小程序每一个窗口应用程序中有且只能有一个顶层容器组件

15 中间容器属于容器型组件, 可包含组件和其他容器的组件, 但自身又必须包含在其他容器 ( 如顶层容器 ) 中, 如 Panel JPanel JSplitPane JScrollPane JToolBar

16 原子类组件 AWT 提供了一系列的原子组件以构建用户图形界面, 它们主要包括 : 标签文本框文本域按钮复选框单选框列表框下拉框滚动条和菜单等

17 图 AWT 组件的继承关系图

18 按钮 AWT 提供的按钮类为 Button, 它是从 Component 类直接继承而来 Swing 提供的按钮类为 JButton

20 标签标签是很简单的一种组件, 一般用来显示标识性的文本信息, 常被放置于其他组件的旁边起提示作用 AWT 提供的标签类为 Label, Swing 提供的标签类为 JLabel

21 字体颜色设置创建字体对象 : Font f= new Font( 字体, 风格, 字号 ) 设置字体 : setfont(f); 创建颜色对象 : Color c=new Color(red, green, blue); 设置颜色 : setcolor(c); 或 setcolor(color.red);

22 文本框文本框是图形界面中常用于接收用户输入或程序输出的一种组件, 它只允许输入或显示单行的文本信息, 且用户还可以限定文本框的宽度 AWT 提供的文本框类为 TextField, 它直接继承于 TextComponent, 而 TextComponent 则从 Component 类继承而来 Swing 提供的文本框类为 JTextField

23 TextField 类的常用方法有 : public String gettext() // 获取文本框中的输入文本 public String getselectedtext()// 获取文本框中选中的文本 public boolean iseditable() // 返回文本框是否可输入 public void seteditable(boolean b)// 设置文本框的状态 : 可输入或不可输入 public int getcolumns() // 获取文本框的宽度 public void setcolumns(int columns)// 设置文本框的宽度 public void settext(string t) // 设置文本框中的文本为 t

25 文本域文本域组件也是用来接收用户输入或程序输出的, 不过与文本框不同的是, 它允许进行多行输入或输出, 因而它一般用于处理大量文本的情形 AWT 提供的文本域组件为 TextArea 类, 它也是从 TextComponent 类继承而来 Swing 提供的文本域组件为 JTextArea 类

27 复选框复选框组件也是图形界面上用于接受用户输入的一种快捷方式, 一般是在界面上提供多个复选框选项, 用户根据实际情况, 可以多选也可以都不选 AWT 提供的复选框类为 Checkbox 事实上, 该组件类类似于具有开关选项的按钮, 用户单击选中, 再单击则取消选中

29 单选框在有些情况, 程序界面可能给用户提供多个选项, 但是只允许用户选中其中一个, 这就是单选框的概念事实上, 单选框是从上面复选框衍生而来的, 它也采用 Checkbox 作为其组件类, 不过为了实现单选效果, 还需要另外一个组件类 :CheckboxGroup, 当我们把 Checkbox 类对象添加进某个 CheckboxGroup 对象后, 它就成为了单选框

31 列表框列表框组件看起来像文本域, 可以有多行, 每一行文本代表一个选项, 文本域组件多用于用户编辑之用, 而列表框多用于给用户几个选项进行选择, 可以多选也可以单选 AWT 提供的列表框类为 List, 它直接继承于 Component 类

33 下拉框下拉框组件提供一些选项供用户来选择, 每次只能选一个, 选中的选项会被单独显示出来, 而改变选项则可以通过单击组件边上的箭头, 再从下拉框中进行选择来完成下拉框相比列表框而言, 占据较小的界面区域 AWT 提供的下拉框类为 Choice, 它直接继承于 Component 类

35 滚动条滚动条是图形用户界面中常见的组件之一, 它既可以用作取值器, 也可以用来滚动显示某些较长文本信息 AWT 提供的滚动条类为 Scrollbar, 它也是直接从 Component 组件继承而来,

36 菜单菜单将系统的各种功能选项以直观的方式展现出来, 供用户选择, 大大方便了用户与系统间的交互菜单比其他组件类特殊, 它是由几个菜单相关类共同构成的菜单系统 AWT 提供的菜单系统类包括 : MenuBar MenuItem Menu CheckboxMenuItem 以及 PopupMenu, 它们之间的继承关系如下图所示 :

37 注意由于各个类间存在继承关系, 因而子类可以调用父类提供的部分常用方法菜单系统创建好后, 最后必须调用 Frame 类的 setmenubar() 方法将其加入到框架界面中

38 MenuBar 类对应菜单系统的整体,Menu 类对应菜单系统中的一列菜单 ( 实际上它只是一种特殊的菜单项 ),MenuItem 和 CheckboxMenuItem 类则对应具体的菜单项, 其中 CheckboxMenuItem 为带复选框的菜单项, 而 PopupMenu 类对应弹出式菜单, 它是菜单 Menu 类的子类

39 布局组件类 ( 布局管理器 ) 布局类组件是非可视组件, 它们能很好地在容器中布置其他可视组件 AWT 提供了五种基本的布局方式 :FlowLayout BorderLayout GridLayout GridBagLayout 和 CardLayout 等, 它们均为 Object 类的子类, 如下图所示图布局方式

40 FlowLayout FlowLayout 是最简单的一种布局方式, 被容纳的可视组件从左向右, 从上至下依次排列, 若一组件在本行放置不下, 就自动排到下一行的开始处, 该方式为 Panel Applet JPanel 的默认布局方式

41 BorderLayout BorderLayout 布局方式的特点是 : 将容器划分为东西南北中五个区每个区可以摆放一个组件, 因此最多可以在 BorderLayout 的容器组件中放置五个组件, 是 Frame Dialog 的默认布局方式也是 JFrame,JDialog,JInternalFrame 以及 JApplet 的默认布局方式

42 思考

43 GridLayout GridLayout 布局将容器划分为行和列的网格, 每个网格单元可以放置一个组件, 组件通过 add() 方法从上到下, 从左至右顺序加入网格各个单元中 GridLayout 布局允许在组件之间设置水平和垂直间距, 间距同样以像素为单位表示, 如下为创建 6 行 6 列, 水平间隔和垂直间隔均为 10 个像素的 GridLayout 布局对象 : setlayout(new GridLayout(6,6,10,10));

44 图 GridLayout 布局界面

45 GridBagLayout GridBagLayout 是所有 AWT 布局管理方式中最繁的, 同时也是功能最强的 GridBagLayout 设置的所有行和列可以大小不同 GridBagLayout 允许不同组件在容器中占据不同大小的矩形区域 GridBagLayout 由一个专用的类来对布局行为进行约束, 该类为 GridBagConstraints, 它的所有成员都是 public( 公有 ) 的, 要掌握如何使用 GridBagLayout 布局, 关键在于熟悉这些约束变量, 以及如何进行设置

46 GridBagConstraints 的常用属性 public girdx // 组件所处位置的起始单元格列号 public gridy // 组件所处位置的起始单元格行号 public gridheight // 组件在垂直方向占据的单元格个数 public gridwidth // 组件在水平方向占据的单元格个数 public double weightx // 容器缩放时, 单元格在水平方向的缩放比例 public double weighty // 容器缩放时, 单元格在垂直方向的缩放比例 public int anchor // 当组件较小时指定其在网格中的起始位置 public int fill // 当组件分布区域变大时指明是否缩放, 以及如何缩放 public Insets insets // 组件与外部分布区域边缘的间距 public int ipadx // 组件在水平方向的内部缩进 public int ipady // 组件在垂直方向的内部缩进

48 CardLayout CardLayout 布局将组件 ( 通常是 Panel 类的容器组件 ) 象扑克牌 ( 卡片 ) 一样摞起来, 每次只能显示其中的一张, 实现分页的效果, 每一页中可以有各自的界面, 这样就相当于扩展了原本有限的屏幕区域

49 CardLayout 布局组件提供了以下方法来对各张 Card 页面进行切换 : public void first (Container parent) // 显示第一张卡片 public void next (Container parent) // 显示下一张卡片 public void previous (Container parent) // 显示上一张卡片 public void show (Container parent,string name) // 显示指定卡片 public void last (Container parent) // 显示最后一张卡片

50 Swing 组件集简介 AWT 组件 ( 重量级组件 ) 的外观和显示直接依赖于本地系统, 因此在移植程序时常会出现界面不一致的情形, 为此,Sun 公司在 AWT 的基础上又开发了一个经过仔细设计的灵活而强大的新的 GUI 组件集 Swing( 轻量级组件 ) Swing 是在 AWT 的基础上构建的一套新的图形界面组件集, 它用纯粹的 Java 代码对 AWT 的功能进行了大幅度的扩充 Swing 组件集提供了比 AWT 更多功能更强的组件, 增加了新的布局管理方式 ( 如 BoxLayout), 同时还设计出了更多的处理事件

51 组件的继承关系 AWT 组件包含在 java.awt 包里, 如 Button Checkbox Scrollbar 等, 都是 Component 类的子类 Swing 中大多数组件其名称都是在原来 AWT 组件名称前加上 J, 例如 JButton JCheckBox JScrollbar 等, 都是 JComponent 类的子类

52 java.awt.component -java.awt.container -java.awt.window -java.awt.frame-javax.swing.jframe -javax.dialog-javax.swing.jdialog -javax.swing.jwindow -java.awt.applet-javax.swing.japplet -javax.swing.box -javax.swing.jcomponet

53 例

54 设置外观在主方法 (main 或 init) 的开头加入 : try{ UIManager.setLookAndFeel("com.sun.java.swing.plaf. motif.motiflookandfeel"); } catch(exception e){ } e.printstacktrace();

55 外观 Nimbus 风格, 新出来的外观,jdk6 update10 版本以后的才会出现 com.sun.java.swing.plaf.nimbus.nimbuslookandfeel 当前系统风格 UIManager.getSystemLookAndFeelClassName() Motif 风格, 外观接近 windows 经典, 但宽宽大大, 而且不是黑灰主色, 而是蓝黑 com.sun.java.swing.plaf.motif.motiflookandfeel 跨平台的 Java 界面风格 UIManager.getCrossPlatformLookAndFeelClassName() windows 风格 com.sun.java.swing.plaf.windows.windowslookandfeel javax.swing.plaf.windows.windowslookandfeel java 风格 javax.swing.plaf.metal.metallookandfeel 苹果风格 com.apple.mrj.swing.maclookandfeel

56 问题界面中的组件菜单单击之后没有任何反应

57 事件处理在早先的 JDK1.0 版本中提供的是称为层次事件模型的事件处理机制在 JDK1.1 以后版本中便被基于事件监听模型的事件处理机制替代了, 这种机制也称之为事件派遣机制或授权事件机制, 它的处理效率相比层次事件模型大为提高

58 事件类及其对应的监听器 AWT 提供了很多的事件类及其对应的监听器 ( 其实就是接口 ), 它们都被放置到 JDK 的 java.awt.event 包中

59 ActionEvent 类表示一个广义的行为事件, 可以是鼠标单击按钮或者菜单, 也可以是列表框的某选项被双击或文本框中的回车行为 ActionEvent 类对应的监听器为 ActionListener 接口, 该接口只有一个抽象方法 : public abstract void actionperformed(actionevent actionevent); 注册该监听器需要调用组件的 addactionlistener() 方法, 撤销则调用组件的 removeactionlistener() 方法

60 例

61 事件监听和事件处理两种方案 : 方案 1: 当前类即为事件监听器类, 并实现事件处理程序方案 2: 内部类作为事件监听器类, 并实现事件处理程序方案 3: 匿名内部类作为事件监听器类, 并实现事件处理程序

62 TextEvent 类当一个文本框 (TextField) 或文本域 (TextArea) 的内容发生改变时就会产生相应的 TextEvent 事件该事件对应的监听器为 TextListener 接口, 它仅定义了一个抽象方法 : public abstract void textvaluechanged(textevent textevent); 注册文本事件监听器必须调用组件的 addtextlistener() 方法

63 例

64 Document 类和 DocumentListener 当一个 JTextField 或 JTextArea 的内容发生改变时就会产生相应的 DocumentEvent 事件该事件对应的监听器为 DocumentListener 接口, 它定义了三个抽象方法 : public abstract void insertupdate (DocumentEvent event); public abstract void removeupdate (DocumentEvent event); public abstract void changedupdate (DocumentEvent event); 注册 Swing 文本事件监听器必须调用组件的 Document 对象的 adddocumentlistener 方法

65 KeyEvent 类当用户按下或释放键时产生该类事件, 也称为键盘事件对应的监听器为 KeyListener 接口, 该接口定义有三个抽象方法 : public abstract void keytyped(keyevent keyevent); public abstract void keypressed(keyevent keyevent); public abstract void keyreleased(keyevent keyevent); 注册键盘监听器可以通过调用组件的 addkeylistener() 方法来实现

66 MouseEvent 类当用户按下鼠标释放鼠标或移动鼠标时会产生鼠标事件该事件对应两种监听器 :MouseListener 和 MouseMotionListener 接口鼠标按钮事件监听器由实现 MouseListener 接口的对象表示, 而鼠标移动事件监听器则由实现 MouseMotionListener 接口的对象表示 MouseListener 接口定义的抽象方法有 5 个 : public abstract void mouseclicked(mouseevent event); public abstract void mousepressed(mouseevent event); public abstract void mousereleased(mouseevent event); public abstract void mouseentered(mouseevent event); public abstract void mouseexited(mouseevent event);

67 MouseMotionListener 接口定义的方法则有 2 个 : public abstract void mousedragged(mouseevent event); public abstract void mousemoved(mouseevent event); 注册鼠标事件监听器可以调用相应的 addmouselistener( ) 和 addmousemotionlistener( ) 方法

68 FocusEvent 类当一个组件得到或失去焦点时, 就会发生焦点事件在当前活动窗口中, 有且只有一个组件拥有焦点, 当用户用 Tab 键操作或用鼠标单击其他组件时, 一般焦点就会转移至其他组件上, 此时就发生了 FocusEvent 事件该事件对应的监听器为 FocusListener 接口, 它有 2 个抽象方法 : public abstract void focusgained(focusevent focusevent); public abstract void focuslost(focusevent focusevent); 注册焦点事件监听器需要调用组件的 addfocuslistener 方法

69 WindowEvent 类当一个窗口被打开关闭激活撤消激活图标化或撤消图标化时就会产生窗口事件 WindowEvent 类对应的监听器为 WindowListener 接口, 该接口定义了 7 个抽象方法 : public abstract void windowopened(windowevent windowevent); public abstract void windowclosing(windowevent windowevent); public abstract void windowclosed(windowevent windowevent); public abstract void windowiconified(windowevent windowevent); public abstract void windowdeiconified(windowevent windowevent); public abstract void windowactivated(windowevent windowevent); public abstract void windowdeactivated(windowevent windowevent); 注册窗口事件监听器需要调用组件的 addwindowlistener() 方法

70 事件处理程序的编写步骤大致 (1) 实现某一事件的监听器接口 ( 定义事件处理类并实现监听器接口 ) (2) 在事件处理类中根据实际需要实现相应的抽象方法 (3) 给组件注册相应事件监听器以指明该事件的事件源有哪些

71 ActionEvent 行为事件处理菜单事件处理

72 鼠标事件处理键盘事件处理

73 Adapter( 适配器 ) Java 规定 : 实现一个接口时必须对该接口的所有抽象方法进行具体的实现, 为此,Java 提供了一种叫做 Adapter( 适配器 ) 的抽象类来简化事件处理程序的编写适配器类很简单, 它其实就是一个实现了接口中所有抽象方法的空类, 本身不提供实际功能 Java 为具有多个抽象方法的监听接口提供相对应的适配器类, 比如 WindowListener WindowStateListener 和 WindowFocusListener 一起对应一个 WindowAdapter KeyListener 对应 KeyAdapter MouseListener 对应 MouseAdapter 等, 大家不妨到 java.awt.event 包中看看

74 常用的监听器接口 ActionListener AdjustmentListener FocusListener KeyListener MouseListener MouseMotionListener WindowListener 对应的适配器类 actionperformed(actionevent e) adjustmentvaluechanged(adjustmentevent e) FocusAdapter KeyAdapter MouseAdapter MouseMotionAdapter WindowAdapter

75 举例 // 处理窗口关闭事件的常用方法 ( 匿名适配器类 ) f.addwindowlistener(new WindowAdapter() { public void windowclosing(windowevent e) {System.exit(0);} } ); 上述代码很简洁, 主要是因为我们采用了适配器类来实现简单的事件处理, 由于这里只需要用到 windowclosing() 方法, 因此只要给出它的覆盖实现即可, 其他方法用户就可以不管了

76 利用 AWT 组件和 Swing 组件进行 GUI 程序设计的基本步骤 1. 引入包 2. 选择外观和感觉 (Swing) 3. 设置顶层容器 4. 设置布局管理 5. 向容器中添加组件 6. 对组件进行事件处理

77 1. 引入包 import javax.swing.*; import java.awt.*; import java.awt.event.*; import javax.swing.tree.*; import javax.swing.event.*; import javax.swing.border.*; import javax.swing.table.*;

78 2. 选择外观和感觉在产生任何可视组件以前需设置好它们的外观和感觉设置某种外观和感觉, 需要使用 UIManager 类所提供的 setlookandfeel() 静态方法

79 3. 设置顶层容器 Application 程序一般选择 JFrame( 或 Frame) 作为顶层容器 ( 主窗口 ),Applet 一般选择 JApplet( 或 Applet) 作为顶层容器 ( 主窗口 ) 4. 设置布局管理利用布局管理器对象安排其它容器和基本组件的布局常用的四种布局管理器 :FlowLayout BorderLayout CardLayout GridLayout 5. 向容器中添加组件利用方法 add() 向容器添加组件, 容器可以嵌套 6. 对组件进行事件处理设置监视器监视事件, 并进行相应处理

80 事件类的继承关系 java.lang.object java.util.eventobject java.awt.awtevent ActionEvent AdjustmentEvent ComponentEvent ContainerEvent FocusEvent ItemEvent TextEvent InputEvent PaintEvent WindowEvent KeyEvent MouseEvent

81 事件种类 Java 把事件类大致分为两种 : 语义事件 (semantic events) 与底层事件 (low-level events) 语义事件直接继承自 AWTEvent, 如 ActionEvent AdjustmentEvent 与 ComponentEvent 等底层事件则是继承自 ComponentEvent 类, 如 ContainerEvent FocusEvent WindowEvent 与 KeyEvent 等

82 事件监听器类的继承关系 A ction Listener A djustm entlistener java.util java.util.e ventlistener C om om ponentlistener C ontainerlistener istener FocusListener Item Listener L K eylistener M ouselistener M ousem otionlistener T extlistener W indow Listener

83 事件类 ActionEvent AdjustmentEvent ItemEvent KeyEvent MouseEvent TextEvent WindowEvent KeyListener 监听器接口 ActionListener AdjustmentListener ItemListener MouseListener MouseMotionListener TextListener WindowListener 监听器接口所提供的事件处理方法 actionperformed(actionevent e) adjustmentvaluechanged(adjustmentevent e) itemstatechanged(itemevent e) keytyped(keyevent e) keypressed(keyevent e) keyreleased(keyevent e) mouseclicked(mouseevent e) mouseentered(mouseevent e) mouseexited(mouseevent e) mousepressed(mouseevent e) mousereleased(mouseevent e) mousedragged(mouseevent e) mousemoved(mouseevent e) textvaluechanged(textevent e) windowactivated(windowevent e) windowclosed(windowevent e) windowclosing(windowevent e) windowdeactivated(windowevent e) windowdeiconified(windowevent e) windowiconified(windowevent e) windowopened(windowevent e)

84 AWT 所提供的组件中, 可能触发事件类的对应关系事件源 Button CheckBox Component MenuItem Scrollbar TextArea TextField Window ActionEvent ActionEvent ItemEvent ComponentEvent FocusEvent KeyEvent MouseEvent ActionEvent AdjustmentEvent ActionEvent ActionEvent TextEvent WindowEvent 产生事件的类型

85 小结图形用户界面技术的概念和历史用户界面设计原则 Java AWT 组件集事件处理机制 Sun 在 AWT 之后推出的新组件集 Swing

86 小结应用程序实现 GUI 小程序实现 GUI 应用程序和小程序联合编程

87 Applet 和 Application 的联合编程

88 阅读任务本节课后的阅读任务课本第 9 章

89 第八章 Applet 技术

90 Applet 概述 Applet 技术一出现, 互联网立刻焕发出无限的生机, 因为 Applet 不仅可以生成绚丽多彩的 Web 页面进行良好的人机交互, 同时还能处理图形图像声音视频和动画等多媒体数据, 随即它吸引了全世界编程者的目光,Java 语言也正因此火热流行起来, 可见 Applet 在 Java 的发展过程中起到不可估量的推动作用

91 一 Applet 简介 Applet 程序继承自 java.applet.applet 类, 嵌入 HTML 文档中, 通常置于服务器端, 下载到本地机后, 通过浏览器在用户端执行 Applet 类提供了 Applet 程序在浏览器上执行的架构 (Applet 的生命周期 ), 包括 init(), start(),stop() 和 destroy() 四个方法

92 Applet 生命周期 Applet 小程序的生命周期相对于 Application 而言较为复杂在其生命周期中涉及到 Applet 类的四个方法 : init() start() stop() 和 destroy() Applet 的生命周期中有相对应的四个状态 : 初始态运行态停止态和消亡态

93 Applet 生命周期当程序执行完 init() 方法后,Applet 小程序就进入了初始态 ; 然后立刻执行 start() 方法,Applet 小程序进入运行态 ; 当 Applet 小程序所在的浏览器图标化或者是转入其它页面时, 该 Applet 小程序立刻执行 stop() 方法, 使 Applet 小程序进入停止态 ; 在停止态中, 如果浏览器又重新加载该 Applet 小程序所在的页面, 或者是浏览器从图标中还原, 则 Applet 小程序又会调用 start() 方法, 进入运行态 ; 在停止态时, 若浏览器被关闭, 则 Applet 小程序会调用 destroy() 方法, 使其进入消亡态

94 Applet 和 Application 比较 Java Applet( 小程序 ): 不是一个完整的应用程序, 而是框架程序中的一个模块, 所以只能在 WWW 浏览器环境下运行 Java Application(Java 应用程序 ): 是一个完整的应用程序, 可以独立地运行

95 applet 程序的运行过程为 Applet 及其全程变量分配存储空间 ; 运行 Applet 的 init() 方法, 接着调用 start() 方法, 之后调用 paint() 方法 ; 如果用户离开该网页,stop() 方法被调用 ; 当用户离开 Applet 所在网页一段时间又重新回到其所在网页 ( 重新激活该网页 ) 时, 再次执行 start() 方法及 paint() 方法 ; 当用户执行浏览器的刷新操作时, 浏览器将先卸载该 Applet, 再加载该 Applet 当用户真正离开浏览器时先执行 stop() 方法, 再执行 destroy() 方法

96 Applet 程序基本结构 import java.awt.graphics; import javax.swing.japplet.*; class { 类名称 extends JApplet } 类成员声明

97 Applet 开发步骤 Applet 的开发步骤大致可以分为以下三个步骤 : (1) 用 UltraEdit 或 Notepad 等纯文本软件编辑 Java Applet 源程序 (2) 利用 javac 编译器将 Applet 源程序转换成 class 字节码文件 (3) 编写 HTML 页面, 并通过 <APPLET>< /APPLET> 标签引用上述字节码文件

98 一个简单的例子 import java.awt.*; import java.applet.*; public class HelloApplet extends Applet { public void paint(graphics g ) { g.drawstring("hello!",10,10); g.drawstring("welcome to Applet Programming!",30,30); } }

99 HTML 网页 <HTML> <TITLE>Hello Applet</TITLE> <APPLET CODE="HelloApplet.class" WIDTH=300 HEIGHT=300> </APPLET> </HTML>

100 嵌入网页效果

101 Applet 技术解析 Applet 类是用户编写的 applet 小程序的基类, 该基类的继承关系如下图所示

102 paint() 方法 Applet 小程序的窗口绘制通常是由 paint() 方法来完成的 paint() 方法在小程序执行后会被自行调用, 并且以后在遇到窗口缩小化后再恢复或者被其他窗口遮挡后再恢复情形, 它都会被自动调用, 以重新绘制窗口 paint() 方法包含一个 Graphics 类的参数对象, 这个对象可以被用来输出文本绘制图形显示图像等该方法的格式如下 : public void paint(graphics g) { // 编写代码 }

Applet 多媒体编程 --- 文字 import java.awt.*; import java.applet.*; public class TextApplet extends Applet { Font f1 = new Font("Times New Roman",Font.PLAIN,12); Font f2 = new Font(" 宋体 ",Font.

103 Applet 多媒体编程 --- 文字 import java.awt.*; import java.applet.*; public class TextApplet extends Applet { Font f1 = new Font("Times New Roman",Font.PLAIN,12); Font f2 = new Font(" 宋体 ",Font.BOLD,24); Font f3 = new Font(" 黑体 ",Font.BOLD,36); Color c1 = new Color(255,0,0); // 红色 Color c2 = new Color(0,255,0); // 绿色 Color c3 = new Color(0,0,255); // 蓝色 public void paint(graphics g) { g.setfont(f1); g.setcolor(c1); g.drawstring("times New Roman",20,30); g.setfont(f2); g.setcolor(c2); g.drawstring(" 宋体 ",20,60); g.setfont(f3); g.setcolor(c3); g.drawstring(" 黑体 ",20,120); } }

104 Applet 多媒体编程 --- 图形 import java.awt.*; import java.applet.*; public class LineApplet extends Applet { public void paint(graphics g) { int x1,y1,x2,y2; x1 = 10; y1 = 10; x2 = 100; y2 = 100; g.drawline(x1,y1,x2,y2); } }

105 Applet 多媒体编程 ---- 图形 import java.awt.*; import java.applet.*; public class RectApplet extends Applet { public void paint(graphics g) { g.drawrect(10,10,60,60); g.fillrect(80,10,60,60); } }

106 Applet 多媒体编程 --- 图形 import java.awt.*; import java.applet.*; public class PolyApplet extends Applet { public void paint(graphics g) { int x[ ] = { 30,90,100,140,50,60,30 }; int y[ ] = { 30,70,40,70,100,80,100 }; int pts = x.length; g.drawpolygon(x,y,pts); } }

import java.applet.*; public class LampApplet extends Applet { public void paint(graphics g) { // 绘制灯上的黑点 g.fillarc(78,120,40,40,63,-174); g.fillarc(173,100,40,40,110,180); g.

107 import java.applet.*; public class LampApplet extends Applet { public void paint(graphics g) { // 绘制灯上的黑点 g.fillarc(78,120,40,40,63,-174); g.fillarc(173,100,40,40,110,180); g.filloval(120,96,40,40); // 绘制灯的上下轮廓 g.drawarc(85,157,130,50,-65,312); g.drawarc(85,87,130,50,62,58); // 绘制灯的左右轮廓 g.drawline(85,177,119,89); g.drawline(215,177,181,89); // 绘制灯柱线 g.drawline(125,250,125,160); g.drawline(175,250,175,160); // 绘制底座 g.fillrect(10,250,260,30); } 新疆农业大学计算机与信息工程学院 } 陈燕红

108 图像 import java.awt.*; import java.applet.*; public class PicApplet extends Applet { Image pic; // 图像对象 public void init( ) { pic=getimage(getcodebase(),"fish.jpg"); // 获得图片 } public void paint(graphics g) { g.drawimage(pic,30,30,this); } }

109 声音 import java.awt.*; import java.applet.*; public class AudioApplet extends Applet { AudioClip audio; // 声音对象 public void init( ) { audio=getaudioclip(getcodebase(),"fire.au"); // 获得声音 } public void paint(graphics g) { g.drawstring(" 循环播放声音的 Applet 小程序 ",30,30); } public void start( ) { audio.loop( ); // 循环播放声音 } public void stop( ) { audio.stop( ); // 停止播放 } }

110 动画所谓动画就是通过连续播放一系列画面, 给视觉造成连续变化的图画, 这是动画最基本的原理在屏幕上显示一系列连续动画的第一帧图像, 然后每隔很短的时间再显示下一帧图像, 如此往复, 利用人眼视觉的暂停现象, 感觉画面的物体在运动

111 用多线程实现动画文字在 Java 中实现多线程有两种方法 : 一种是继承 Thread 类 ; 另外一种是实现 Runnable 接口, 对于 Applet 小程序, 我们一般是实现 Runnable 接口实现动画文字与实现动画的方法是一样的, 可以通过实现 Runnable 接口来实现多线程绘出动画文字, 使文字像打字一样一个文字一个文字地跳出来, 然后全部隐去, 再重复显示文字, 实现打字效果

112 显示动画 public class MovingImg extends Applet{ Image img0,img1; int x=10; public void init(){ img0=getimage(getcodebase(),"t5.gif"); img1=getimage(getcodebase(),"t1.gif"); } public void paint(graphics g){ g.drawimage(img0,0,10,this); g.drawimage(img1,x,30,this); g.drawimage(img0,0,60,this); try{ Thread.sleep(50); x+=5; if(x==550){ x=10; Thread.sleep(1500); } }catch(interruptedexception e){} repaint(); } } 新疆农业大学计算机与信息工程学院陈燕红

113 运行上述 Applet 时画面有闪烁的现象一般来说, 画面越大, 闪烁越严重避免闪动的方法有两个, 一是通过覆盖 update() 方法, 二是使用 buffer 屏幕缓冲区若画面较大, 只使用 update() 以背景色清除显示区的时间就较长, 不可避免地会产生闪烁, 可以通过双缓冲技术, 有效地消除闪烁

114 双缓冲技术简介双缓冲技术在显示动画之前, 首先创建两个图形缓冲区, 一个为前台的显示缓冲, 一个为后台的图形缓冲, 然后在显示 ( 绘制 ) 图形时, 对两个缓冲区进行同步的图形数据更新, 该操作相当于为前台显示区的数据作了一个后台的图形数据备份, 当前台显示区的图形数据需要恢复时, 可以用后台备份的图形数据来恢复, 其具体方法则是重写 paint() 和 update() 方法, 将备份好的图形数据一次性地画到显示屏幕上

学年度第二学期课程 C 语言程序设计 Java 语言程序设计面向过程编程方法编程方法学新疆农业大学计算机与信息工程学院陈燕红新疆农业大学计算机与信息工程学院陈燕红

2013-2014 学年度第二学期课程 C 语言程序设计 Java 语言程序设计面向过程编程方法编程方法学新疆农业大学计算机与信息工程学院陈燕红 :cyh@xjau.edu.cn 教学内容 1 Applet 程序 2 命令行程序 3 4 5 6 第八章 Applet 技术 Applet 概述 Applet 技术一出现, 互联网立刻焕发出无限的生机, 因为 Applet 不仅可以生成绚丽多彩的