图形用户界面的设计与实现

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

1、第7章图形用户界面的设计与实现7.1图形用户界面概述7.2用户自定义成分7.3Java的事件处理7.4GUI标准组件概述7.5标签、按钮与动作事件7.6文本框、文本区域与文本事件7.7单、复选按钮，列表与选择事件7.8滚动条与调整事件7.9画布与鼠标、键盘事件7.10布局设计7.11Panel与容器事件7.12Frame与窗口事件7.13菜单的定义与使用7.14对话框、组件事件与焦点事件在Java语言中，为了支持图形用户界面的开发，设计了类库java.awt包来生成各种标准图形界面元素和处理图形界面的各种事件。AWT是abstractwindo

2、wtoolkit(抽象窗口工具集)的缩写。7.1图形用户界面概述图形用户界面的构成：图形用户界面是一组图形界面成分和界面元素的有机组合，这些成分和元素之间不但外观上有着包含、相邻、相交等物理关系，内在的也有包含、调用等逻辑关系，它们互相作用、传递消息，共同组成一个能响应特定事件、具有一定功能的图形界面系统。设计和实现图形用户界面的工作主要两个：①创建组成界面的各元素，指定它们的属性和位置关系，构成完整的图形用户界面的外观。②定义图形用户界面的事件和各界面元素对不同事件的响应，实现与用户的交互。Java中构成图形用户界面的各种元素和成分有三类：容

3、器、控制组件和用户自定义成分。1.容器容器是用来组织其他界面成分和元素的单元。一个应用程序的图形用户界面首先对应于一个复杂的容器，如一个窗口。利用容器有利于分解图形用户界面的复杂性，当界面的功能较多时，可以使用嵌套的容器。2.控制组件控制组件是图形用户界面的最小单位之一，它里面不再包含其他的成分。控制组件的作用是完成与用户的一次交互，包括接收用户的一个命令(如菜单命令)，接收用户的一个文本或选择输入，向用户显示一段文本或一个图形，等等。使用控制组件的步骤：(1)创建某控件类对象，指定属性。(2)使用某种布局，将该控件对象加入到某容器中的指定位置

4、。(3)将该组件对象注册给它所能产生的事件对应的事件监听者，重载事件处理方法，实现利用该组件对象与用户交互的功能。实际上，容器也是一种控件，因为一个容器也可以被视为组件而包含在其他容器的内部。3.用户自定义成分绘制几何图形、使用标志图案等。用户自定义成分不能被系统识别和承认，通常只能起到装饰、美化的作用，而不能响应用户的动作，也不具有交互功能。Graphics是java.awt包中一个类，包含绘制图形和文字的方法。当一个Applet运行时，执行它的浏览器自动为它创建一个Graphics实例，利用这个实例，可在Applet中随意绘制图形和文字。若

5、需在图形界面的JavaApplication程序中绘制图形，则需创建一个Canvas类的对象加入到该Application程序的图形界面容器中，Canvas对象也有一个与Applet类的paint()方法相同的paint()方法，利用系统传递给这个paint()方法的Graphics类参数对象就可以在Application程序的图形用户界面中绘制各种图形和文字。7.2用户自定义成分7.2.1绘制图形利用Graphics类可绘制的图形有直线、各种矩形、多边形、圆和椭圆等。例7-1UsedDrawFigures.javaimportjava.awt

6、.*;importjava.applet.Applet;publicclassUsedDrawFiguresextendsApplet{publicvoidpaint(Graphicsg){g.drawLine(30,5,40,5);//画直线g.drawRect(40,10,50,20);//画矩形框(左上角x坐标，左上角y坐标，x轴尺寸，y轴尺寸)g.fillRect(60,30,70,40);//画实心矩形g.drawRoundRect(110,10,130,50,30,30);//画圆角矩形框g.drawOval(150,120,70,

7、40);//画椭圆形框(左上角x坐标，左上角y坐标，x轴尺寸，y轴尺寸)，//若x轴尺寸与y轴尺寸相等，则画出圆形g.fillOval(190,160,70,40);//画实心椭圆g.drawOval(90,100,50,40);//画椭圆框g.fillOval(130,100,50,40);//画实心椭圆drawMyPolygon(g);//自定义的画多边形的方法g.drawString("Theyarefigures!",100,220);}publicvoiddrawMyPolygon(Graphicsg){int[]xCoords={3

8、0,50,65,119,127};//保存多边形各点x坐标的数组int[]yCoords={100,140,127,169,201};//保存多边形各