第9篇 图形用户界面设计.ppt

图形用户界面设计 9.1 概述 9.1.1图形用户界面(Graphics User Interface) 1、用户界面是用户和计算机之间进行信息交互的界面。 2、用户界面分类：命令行界面和图形用户界面 字符界面 用字符串、命令行的方式与用户交互 图形用户界面（GUI） 用直观的图形来表示数据 用直观、方便的GUI标准组件来接收命令 GUI组成成分的标准化 使用图形的方式借助菜单、按钮等标准界面元素和鼠 标操作，来帮助用户方便地向计算机系统发出命令， 启动操作，并将系统运行的结果同样以图形的方式显 示给用户。 3、用户界面设计原则 控制权在用户 界面与操作的风格一致性 宽容（容错）性 简洁与美观并重 5、界面构成 6、界面元素 容器是用来组织其他界面成分和元素的单元。 可以形成容器的层次，构筑复杂结构 Window（Frame、Applet、Dialog ） 组件是图形用户界面的基本单位，它里面不再包含其他的成分。 GUI组件是图形用户界面标准化的结果。常用的组件有: 选择类的: 单选按钮、复选按钮、下拉列表； 文字处理类的: 文本框、文本区域 命令类的: 按钮、菜单等 GUI组件的作用是完成与用户的交互。包括接收用户的命令、文本或选择输入，向用户显示一段文本或一个图形等。 6、界面元素 用户自定义成分 显示文字、绘制图形、显示图象… 不能像标准组件一样被系统识别和承认，只起装饰作用。 不能响应用户的动作，不具有交互功能。 图形用户界面的组件层次 9.1.2 AWT和Swing AWT由java.awt提供，该包中包含了许多用来设计GUI的组件类。把由Container类的子类或间接子类所创建的对象称为一个容器，这里Container的子类是Window和panel。AWT的组件类有按钮类（Button）、标签类、菜单类、列表类、文本框类等。 Swing是由javax.swing提供，该包中包含了许多Swing的类和组件均由纯Java 代码编写而成，这样也就使这些组件具有了可跨越操作系统平台性 。 AWT与Swing分析 从一个简单窗口开始 创建GUI应用程序 Frame必不可少 它是带标题的顶层窗口,是构建应用程序图形界面的基础,它为应用程序实现人机交互提供了对话窗口 先来建一个简单的窗口应用: GUIDemo1.java 注意：一定要处理关闭窗口的事件 9.1.3 GUI标准组件概述 1、构建程序的图形用户界面的主要任务 创建各界面组件并排列成图形用户界面的外观 定义这些组件对不同事件的影响从而完成图形用户界面功能 2、组成图形用户界面的成分 用户自定义类 容器: 是能够容纳并排列其他组件的对象 组件: 放置在容器中的对象 在Java中，容器和组件是由AWT包中的对象来代表， 这些对象间的层次关系如下图： 3、AWT类层次关系图 4、基本组件 基本组件被安放在容器中的某位置，用来完成一种具体的与用户交互的功能，使用基本组件一般包括如下的步骤 创建某种基本组件类的新对象，指定该对象的属性 比如：外观、大小等 将该组件对象加入到某个容器的合适位置 创建该组件对象的监听者，即实现以该组件为事件源的事件对应的监听者接口，也可以使现有的类实现该接口成为监听者。将该组件对象注册给此监听者，并在监听者内部实现监听者接口中定义的方法，对该组件可能引发的事件加以处理，定义新加入组件对象的交互性界面功能。 比如：接收用户输入的文本、在屏幕显示输出等 5、Component类 Component是所有组件和容器的抽象父类 显示功能：paint(), update(), repaint() 显示效果控制：字体、颜色、位置、尺寸 图象处理：一般利用Canvas和Container来显示图像 事件处理机制： addXXXListener( ) removeXXXListener( ) 5、Component类 add(PopupMenu?popup) 在组件上加入一弹出菜单 addFocusListener(FocusListener?l)将发生在本组件上的事件注册给监听者，以进行事件处理。 setSize(int?width, int?height) 设置组件尺寸 repaint(int x,int y,int?width, int?height) 重画组件 setFont(Font?f) 设置组件字体 setBackground(Color?c) 设置组件背景色 setVisible(boolean b) 设置组件是否可见 6、GUI标准组件 简单构件：人机交互的基本工具(控制) Button,Checkbox, Label等 Text