图形用户界面设计

《图形用户界面设计》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第5章图形用户界面设计教学目标：通过本章的学习，掌握常用容器组件的用法、容器组件的布局方式、组成界面的可视组件的功能与用法；掌握事件处理机制，能进行菜单设计，最终达到开发出智能化的图形界面应用程序的目的。案例学生信息注册界面设计解析多数学校的学生档案信息都由计算机进行管理，在编写的档案管理应用程序中，有档案信息录入模块，该模块的功能是在图形化的界面下，用户把信息输入到计算机中。录入界面的大致样式及组件名称如图设计上述程序界面并实现相应的功能，程序框架如下：publicclassInputDataimplementsActionListener{Fra

2、mef;//声明框架对象Labell1,l2,l3,l4;//声明标签对象TextFieldt;//声明文本行对象Checkboxr1,r2;//声明单选按钮对象CheckboxGroupg;//声明组对象Checkboxc1,c2,c3;Choicech;//声明选择框对象Buttonb;//声明按钮对象TextAreata;//声明文本区对象Panelp1,p2,p3,p4,p5;//声明面板对象inti=0;publicInputData(){对象实例化；ch.add("济南");//添加选择项p1=newPanel();p1.setLayou

3、t(newFlowLayout(FlowLayout.LEFT));//设定面板布局样式p1.add(l1);//在面板中加入组件f.setLayout(newGridLayout(2,1));//设定框架布局样式f.addWindowListener(newWindowAdapter(){//注册事件监听器，匿名类实现接口publicvoidwindowClosing(WindowEvente){System.exit(0);}});f.setVisible(true);}publicvoidactionPerformed(ActionEvente

4、)//事件处理接口实现{//把输入内容显示到文本区中；}publicstaticvoidmain(Stringargs[]){newInputData();}}在上面的案例框架中，应用到了如下知识点。(1)组成界面的各种组件。(2)界面的布局样式。(3)事件处理机制。下面将详细介绍相关的知识。5.1框架与面板5.1.1认识Component类部分类的继承关系如图Component类是其他组件类的父类，在此介绍该类的一些方法，这些方法可直接继承到子类中使用。(1)setFont(Fontf)：设置组件的字体。(2)setForeground(Color

5、r)：设置组件的前景色。(3)setLocation(intx,inty)：设置组件的显示位置。(4)setSize(intwidth,intheight)：调整组件的大小，使其宽度为width，高度为height。(5)setVisible(booleanb)：根据参数b的值显示或隐藏此组件。(6)getForeground()：获得组件的前景色。(7)getFont()：获得组件的字体。(8)getBackground()：获得组件的背景色。(9)getHeight()：返回组件的当前高度。(10)  invalidate()：使此组件无效。(1

6、1)getBounds()：以Rectangle对象的形式获得组件的边界。5.1.2框架框架类Frame是一种带标题条并且可以改变大小的窗口，该类为容器类。Frame类的构造方法及实例方法:类别方法定义功能构造方法publicFrame()创建一个不带标题信息的框架publicFrame(Stringtitle)创建一个标题信息是title的框架实例方法publicvoidadd(Componentcomp)在框架中添加组件comppublicvoidsetLayout(LayoutManagermgr)设置布局方式publicvoidsetTitl

7、e(Stringtitle)设置框架的标题publicStringgetTitle(Stringtitle)获取框架的标题5.1.3面板面板类Panel也是容器类。但与Frame类的区别是，面板是一种没有标题条的容器，在应用时只能把该类实例化的对象通过Container类的add方法加载到Window对象中。该类的构造方法如下。(1)  publicPanel()：创建一个面板对象。(2)  publicPanel(LayoutManagermgr)：创建一个面板对象且约定了添加到该面板中组件的布局样式。5.2布局管理器5.2.1边界布局该布局将容器

8、组件划分成了5个区域：南(South)、北(North)、东(East)、西(West)、中(Center)