第5图形用户界面设计.pptVIP

第 5 章 图形用户界面设计 ? 教学目标： ? 通过本章的学习，掌握常用容器组件的用法、 容器组件的布局方式、组成界面的可视组件 的功能与用法；掌握事件处理机制，能进行 菜单设计，最终达到开发出智能化的图形界 面应用程序的目的。 ? 案例 学生信息注册界面设计解析 ? 多数学校的学生档案信息都由计算机进行管理，在编写的档 案管理应用程序中，有档案信息录入模块，该模块的功能是 在图形化的界面下，用户把信息输入到计算机中。录入界面 的大致样式及组件名称如图 ? 设计上述程序界面并实现相应的功能，程序框架如下： ? public class InputData implements ActionListener ? { ? Frame f; // 声明框架对象 ? Label l1,l2,l3,l4; // 声明标签对象 ? TextField t; // 声明文本行对象 ? Checkbox r1,r2; // 声明单选按钮对象 ? CheckboxGroup g; // 声明组对象 ? Checkbox c1,c2,c3; ? Choice ch; // 声明选择框对象 ? Button b; // 声明按钮对象 ? TextArea ta; // 声明文本区对象 ? Panel p1,p2,p3,p4,p5; // 声明面板对象 ? int i=0; ? ? public InputData( ) ? { ? 对象实例化； ? 档愮摤尨 济南 ); // 添加选择项 ? p1=new Panel( ); ? p1.setLayout(new FlowLayout(FlowLayout.LEFT)); // 设定面板布局样式 ? p1.add(l1); // 在面板中加入组件 ? f.setLayout(new GridLayout(2,1)); // 设定框架布局样式 ? f.addWindowListener(new WindowAdapter( ){ // 注册事件监听器，匿名类实现接口 ? public void windowClosing(WindowEvent e) ? {System.exit(0);} }); ? f.setVisible(true); ? } ? ? public void actionPerformed(ActionEvent e) // 事件处理接口实现 ? { ? // 把输入内容显示到文本区中； ? } ? public static void main(String args[ ]) ? { ? new InputData( ); ? } ? } ? 在上面的案例框架中，应用到了如下知识点。 ? (1) 组成界面的各种组件。 ? (2) 界面的布局样式。 ? (3) 事件处理机制。 ? 下面将详细介绍相关的知识。 5.1 框架与面板 ? 5.1.1 认识 Component 类 ? 部分类的继承关系如图 Component Panel Frame TextField TextArea Label Button Container Window Dialog List Applet Choice Scrollbar Checkbox ? Component 类是其他组件类的父类，在此介绍该类的一些方 法，这些方法可直接继承到子类中使用。 ? (1) setFont(Font f) ：设置组件的字体。 ? (2) setForeground(Color r) ：设置组件的前景色。 ? (3) setLocation(int x,int y) ：设置组件的显示位置。 ? (4) setSize(int width, int height) ：调整组件的大小，使其宽 度为 width ，高度为 height 。 ? (5) setVisible(boolean b) ：根据参数 b