Java图形用户界面.ppt

第6章Java图形用户界面,6.1图形用户界面概述和java.awt包简介6.2字体和颜色的设置、图形绘制和图像显示6.3Graphics2D画图简介,6.1图形用户界面概述和java.awt包简介,图形用户界面GUI（GraphicsUserInterface)，就是应用程序提供给用户操作的图形界面，包括窗口、菜单、按钮、工具栏和其他各种界面元素。在Java里有两个包为GUI设计提供了丰富的功能：awt(abstractwindowstoolkit)包和swing包。awt是javaGUI的早期版本，组件种类有限，只提供基本的GUI设计类。swing包是SUN公司对早期版本的改进版本，它提供了更加丰富的组件和功能。swing会用到awt中许多知识，学习awt包是学习GUI编程的基础。,java.awt包中的一些常用类,GUI组件分类,在AWT的概念中，窗口系统中所显示的各种对象都统称为“GUI组件”（Component）。组件有基本组件和容器组件之分。基本组件是不能包含其它组件的组件，是构成图形用户界面的基本元素。容器组件是用来包含其他组件的，故称之为容器（container）。用户可以把各种组件放入到容器中，也可以把容器放到另一个容器中，从而形成具有层次的组件结构。,组件类(Component),容器类(Container),基本组件类,面板类panel,窗体类windows,Applet小程序类,Frame框架类,Dialog对话框类,无边框,有边框,6.2字体和颜色的设置、图形绘制和图像显示,6.2.1设置字体,一、创建Font类的对象,Font（Stringname，intstyle，intsize）,使用java.awt包中的Font类的构造函数创建字体类的对象。,例：Fontfont1=newFont(“楷体_GB2312”,Font.BOLD+Font.ITALIC,50);,二、设置字体,publicvoidsetFont(Fontfont)-设置字体publicFontgetFont()-返回当前字体对象,字体的创建和设置应在显示前进行，否则以系统默认字体显示。,例1：编写一个简单的设置字体的程序，将字体设置为宋体、黑体，大小为30个像素，并在小程序窗口输出。,/TestFont.javaimportjava.applet.Applet;importjava.awt.Graphics;importjava.awt.Font;publicclassTestFontextendsAppletpublicvoidpaint(Graphicsg)Fontfont1=newFont(宋体,Font.BOLD,30);g.setFont(font1);Strings=中国北京;g.drawString(s,10,30);,Graphics.drawstring(Stringstr,intx,inty)，其中的坐标x和y指的是整个文本块显示时左下角的位置。,/page1.htmlJava小程序,运行后结果如下：,思考：,运行后结果如下：,6.2.2设置颜色,利用java.awt包中的Color类可以创建颜色类的对象。,一、创建color对象,publicColor(intr，intg，intb)publicColor(intr，intg，intb，inta),第一种是用r，g，b值创建一种不透明的颜色。第二种是用r，g，b值创建一种透明的颜色，a表示透明度。参数取值为0255。,publicColor(floatr，floatg，floatb)publicColor(floatr，floatg，floatb，floata),第一种是用r，g，b值创建一种不透明的颜色。第二种是用r，g，b值创建一种透明的颜色，a表示透明度。参数取值为0.0f1.0f。,二、Color类的颜色常量,Color类共有13种颜色常量，使用的时候可以查询API文档。,如：Color.RED表示红色,三、设置颜色,publicvoidsetColor(Colorc)-设置颜色publicColorgetColor()返回当前颜色对象publicintgetRed()得到当前颜色对象的red值publicintgetGreen()得到颜色对象的green值publicintgetBlue()得到颜色对象的blue值publicintgetAlpha()-得到颜色对象的alpha值。,例2.编写一个颜色设置的程序。,/TestColor.javaimportjava.applet.Applet;importjava.awt.*;publicclassTestColorextendsAppletpublicvoidinit()setBackground(Color.black);publicvoidpaint(Graphicsg)Colorc1=newColor(255,0,0);Colorc2=newColor(255,0,0,128);Colorc3=Color.pink;,Fontfont1=newFont(宋体,Font.BOLD+Font.ITALIC,15);Strings=中国北京;g.setColor(c1);g.setFont(font1);g.drawString(红色+s,10,20);g.setColor(c2);g.drawString(红色+s,10,40);g.setColor(c3);g.drawString(粉色+s,10,60);,/page2.htmlJava小程序,运行后结果如下：,6.2.3字符数组和字节数组的显示,以下三个方法是Graphics类（该类在java.awt包中）的方法。,1.绘制字符串,publicvoiddrawString(Stringstr,intx,inty),坐标点（x,y）与要绘制的字符串Str左下角对应。,2.绘制字符数组,publicvoiddrawChars(Charchars,intoffset,intnumber,intx,inty),参数offset是数组的起始下标，参数number是要绘制的元素个数，坐标点（x,y）含义同上。,3.绘制字节数组,publicvoiddrawBytes(Charbytes,intoffset,intnumber,intx,inty),含义同字符数组。,例：编写程序，显示字符数组和字节数组。,/DrawCharByte.javaimportjava.applet.*;importjava.awt.*;publicclassDrawCharByteextendsAppletpublicvoidinit()setBackground(Color.black);publicvoidpaint(Graphicsg)Strings=中国北京;g.setColor(Color.red);g.drawString(s,20,40);,charch=newcharA,B,C,D,E;g.setColor(Color.white);g.drawChars(ch,0,5,80,40);bytebyt=newbyte65,66,67,68,69;g.setColor(Color.yellow);g.drawBytes(byt,0,3,82,42);,/page3.javaJava小程序,运行后结果如下：,6.2.4java的图形绘制,预备知识:,Java图形界面窗口的坐标原点（0，0）在窗口左上角，水平向右为x的正方向，垂直向下为y的正方向，坐标值单位是像素。,小程序窗口的坐标系同上，通过getSize()方法可得到小程序窗口界面的宽和高。,小程序窗口宽w：intw=getSize().width；小程序窗口高h：inth=getSize().height;,1.画直线,publicvoiddrawLine(intx1,inty1,intx2,inty2);,功能：在点（x1，y1）和（x2，y2）之间画直线。,2.画矩形,（1）画矩形,publicvoiddrawRect(intx,inty,intwidth,intheight);,功能：以给定坐标（x，y）为左上角坐标，画宽度为width，高度为height的矩形,（2）用当前设置的颜色画填充矩形,publicvoidfillRect(intx,inty,intwidth,intheight);,（3）画圆角矩形,publicvoiddrawRoundRect(intx,inty,intwidth,intheight,intarcWidth,intarcHeight),publicvoidfillRoundRect(intx,inty,intwidth,intheight,intarcWidth,intarcHeight),前4个参数的意义同上，第5，6个参数arcWidth和arcHeight分别为水平方向圆弧总宽度、垂直方向圆弧总宽度。,注：若圆弧的宽度和高度分别等于矩形的宽度和高度，则绘制的是椭圆。,（4）.画3D矩形,publicvoiddraw3DRect(intx,inty,intwidth,intheight，booleanbool);,publicvoidfill3DRect(intx,inty,intwidth,intheight,booleanbool);,功能：绘制一个有立体感的矩形，当bool为true时，矩形为突出的；当bool为false时，矩形为凹陷的。,3.画椭圆和圆弧,（1）画椭圆,publicvoiddrawOval(intx,inty,intwidth,intheight);publicvoidfillOval(intx,inty,intwidth,intheight);,功能：x，y是椭圆外切矩形左上角的坐标；参数width和height是椭圆外切矩形的宽和高。上面的两个方法分别画椭圆和画填充的椭圆,（2）画圆弧,publicvoiddrawArc(intx,inty,intwidth,intheight，intstartAngle，intarcAngle);publicvoidfillArc(intx,inty,intwidth,intheight，intstartAngle，intarcAngle);,功能：前4个参数同画椭圆的参数；后两个参数含义startAngle是弧的起始角度，arcAngle表示从起始角度算起转多少度。逆时针为正，顺时针为负，他们的单位都是度，取值为0到360度之间，若超过则取360的余数。,例4.编写程序演示画填充的椭圆和填充的扇形。,/DrawOval.javaimportjava.applet.*;importjava.awt.*;publicclassDrawOvalextendsAppletpublicvoidpaint(Graphicsg)g.setColor(Color.BLUE);g.drawRect(20,20,100,60);g.setColor(Color.RED);g.fillOval(20,20,100,60);g.setColor(Color.BLACK);g.drawOval(140,20,100,60);g.fillArc(140,20,100,60,0,60);,/page4.htmlJava小程序,运行后结果如下：,6.2.5图像的显示,一、声明和获取一个图像类的对象,1.定义一个图像类的对象,Imagepic;,2.获取一个图像的对象,这里只介绍小程序中获取图像的方法。,publicImagegetImage(URLurl，Stringname);,该方法是java.applet.Applet类提供的方法，用于从文件加载图像到内存，以便显示图像。,name：图像名称，格式可以是gif、jpg和png等。,URL：图像存放目录。,URL,getDocumentBase()-图像存放在HTML文档目录下或其子目录下时，使用该方法指明图像路径。,getCodeBase()-图像存放在程序代码所在目录下或其子目录下时，使用该方法指明图像路径。,3.得到指定图像的高度及宽度,intgetHeight(ImageObserverobserver)intgetWidth(ImageObserverobserver),参数observer是加载图像时的图像观察器，一般是在本类显示，其值为this。,如Imagepic=getImage(getCodeBase(),”a.jpg”);intw,h;w=pic.getWidth(this);h=pic.getHeight(this);,二、显示图像的方法,1、以图像本身的大小显示图像,publicbooleandrawImage(Imageimg,intx,inty,ImageObserverobserver),说明：参数x，y是被显示的图像在窗口左上角的图标。,2、放大或缩小显示图像,publicbooleandrawImage(Imageimg,intx,inty,intwidth,intheight,ImageObserverobserver),说明：这里的width和height表示图像在窗口显示的尺寸。,例5.编写程序，演示按原图大小显示图像，缩小为原图一半显示图像。,importjava.applet.*;importjava.awt.*;publicclassShowImageextendsAppletpublicvoidpaint(Graphicsg)Imagepic=getImage(getCodeBase(),计算.gif);intw=pic.getWidth(this);inth=pic.getHeight(this);intd=5;g.drawImage(pic,0,0,this);/原图大小显示g.drawImage(pic,w+d,0,w/2,h/2,this);/缩小为原图宽高一半并显示,/page5.htmlJava小程序,运行后结果如下：,6.3Graphics2D画图简介,Java类库中的java.awt包中还提供了另外一个类Graphics2D供画图显示使用，它是Graphics类的子类。,与Graphics的区别：,Graphic2D有更强大的图形处理功能，它把要绘制的图形当作对象来处理，通过方法draw()和fill()绘制和填充图形。,方法的参数都是图形对象，如直线（Line2D）、矩形（Rectangle2D）和椭圆（Ellipse2D）等。,上述的创建图形对象的类都存在于java.awt.geom中，因此若要使用Graphics2D画图，需在程序前面引入java.awt.geom包中相应的类。,通常用paint(Graphicsg)绘图时，要通过以下语句把父类对象强制转换为其子类Graphics2D的对象g2d进行画图显示。Graphics2Dg2d=(Graphics2D)g;,例6用Graphics2D画一条直线。,importjava.applet.*;importjava.awt.*;importjava.awt.geom.*;publicclassTestGraphics2DextendsAppletpublicvoidpaint(Graphicsg)Graphics2Dg2d=(Graphics2D)g;BasicStrokebstroke=newBasicStroke(3.0f);g2d.setStroke(bstroke);Line2Dline=newLine2D.Double(20.0,20.0,32.0,20.0);g2d.draw(line);,调用类Line2D的构造函数，参数为Double型。见API的java.awt.geom包。,/page6.htmlJava小程序,运行后结果如下：,