第十四讲绘图（三）

来源：互联网发布：网络聊天用语指南编辑：程序博客网时间：2024/05/22 02:02

教学纲要

你现在已经可以在 Java 程序里写各种各样的字了，那么有没有想过再加点图形 , 让你的主页看上去更加优美呢？这一节我们将继续学习如何使用 Graphics 类提供的各种绘图方法，发挥你的创造力，画出漂亮的图形。

多边形

能够画矩形、椭圆和弧似乎还不能满足作图的需要。这一节里将介绍多边形的绘图方法，而实际上绘制多边形就是给定两组坐标，一组 x 坐标，一组 y 坐标，按顺序将给定的这一组坐标连接起来就可以绘出一个多边形，绘制多边形的基本方法格式如下：
　　　 drawPolygon ( int x[ ], int y[ ], int n )
　　　 fillPolygon ( int x[ ], int y[ ], int n )

这两个方法中，参数中 x[ ] 、 y[ ] 分别是多边形顶点的 x 坐标和 y 坐标， n 表示多边形的顶点数。 drawPolygon 并不能自动形成封闭区域，所以要绘制封闭多边形，必须确保第一个顶点和最后一个顶点坐标相同。 fillPolygon 则无需这样做。

如果想在图中的另一个区域画一个同样的多边形，你会怎么做呢？重复前面的每一条指令，并修改每个点的坐标。哦！可千万别那样做。现在就介绍一种可以轻轻松松解决这个问题的方法 --copyArea 。其标准格式如下：
　　　 copyArea ( int x0 , int y0 , int width , int height , int x1 , itn y1 )

前面的四个参数应该都很熟悉了，它们指定了要复制的矩形区域，最后两个参数表示所要复制的区域距原位置的 x 、 y 偏移量。当 x1 和 y1 为负，复制到原位置的左边或上边。反之若 x1 和 y1 为正，则复制到右边和下边。

你想试试这个方法有多好用吗？试试下面的程序吧

程序 16.4 　　 // poly.java
　　 import java.awt.Graphics;
　　 import java.awt.Color;
　　 public class poly extends java.applet.Applet
　　 { int poly1_x[ ] = {10,20,80,90,50,10}; // 指定第一个多边形的 x 、 y 坐标
　　　　　　 int poly1_y[ ] = {20,10,10,20,60,20};
　　　　　　 int poly1_ptnum = 6; // 指定第一个多边形的边数
　　　　　　 int poly2_x[ ] = {110,120,180,190,150,110}; // 指定第二个多边形的 x 、 y 坐标
　　　　　　 int poly2_y[ ] = {20,10,10,20,60,20};
　　　　　　 int poly2_ptnum = 6; // 指定第二个多边形的边数

　　　　 public void paint(Graphics g)
　　　　 {
　　　　　　 g.drawPolygon(poly1_x,poly1_y,poly1_ptnum); // 以省缺的颜色画第一个多边形
　　　　　　 g.setColor(Color.pink);
　　　　　　 g.fillPolygon(poly2_x,poly2_y,poly2_ptnum); // 用粉色填充第二个多边形
　　　　　　 g.copyArea(108,8,85,60,-50,50); // 把第二个多边形拷贝到距原位置向左 50 ，向右 50 的位置
　　　　 }
　　 }
　　　该程序的 HTML 文件如下所示： < HTML>
< HEAD>
< TITLE>Polygon< /TITLE>
< /HEAD>
< BODY>
< APPLET CODE = "poly.class" WIDTH = 200 HEIGHT = 120>< /APPLET>
< /BODY>
< /HTML>
编辑完以后，顺利通过编译就可以运行了，运行结果如图 16.7 所示：

图 16.7 程序 16.4 运行结果

现在图中有三个钻石形状的多边形，而我们只用了两次画多边形的方法，中间那个钻石就是用 copyArea 画出来的。

加载现成的图片

一帧复杂的图形画面，我们不可能在程序执行时通过调用各种绘图方法实时地画出来。大部分的图形都是早在开发程序前就用其他绘图软件绘制好了，程序执行时。直接把图片加载进来并放在适当的位置。这一节我们将学习如何使用 Java 图形功能在主页里加入各式各样的图片。 Java 支持 WWW 上最流行的图象格式 --JPEG 和 GIF 。通常 JPEG 更适于自然色彩的图片，如照片，而 GIF 则比较适合装饰图片、花边和小动画。

首先来看看 Java 如何载入形成的图形文件。其实很简单，只要给定要加载的图形文件的位置和文件名，就可以通过 getImage 这个方法来把图片加载到程序中。这里所说的文件位置不仅仅是指文件在本地硬盘的存放路径， Java 程序还可以根据指定的 URL ，直接加载网络上的图形文件，也就是说加载的图形可以在本机硬盘上，也可以在网络上。对于编程者而言，两者的使用一样简单。

在 Applet 中加载图片就不得不使用 Image 这个类，和前面用过的许多类一样， Image 也在 java.awt 程序包里。所以，如果要编写一个包含有图片的 Applet ，就应该记住在程序开头加上这句话：
　　　 import java.awt.Image;
写上这句话就可以用 getImage 来加载图片了。其标准格式为：
　　　 Image getImage ( URL url );
　　　 Image getImage ( URL url , String name );
　　　 URL 是 Uniform Resource Locator （统一资源定位器）的缩写，它是 WWW 上用来指示 Internet 信息资源位置的方法。 Java 定义的 URL 对象指定了一个网络资源的位置。 getImage 方法返回一个 Image 对象。当然，我们可以把文件名及其位置整个看做一个 URL 对象来指示所要加载的图形文件。这种情况就采用第一种格式。同样也可以用图形文件的位置和文件名分别指定它，可见第二种格式就是这样做的。例如：
　　　 Image getImage ( "http://xxx . yyy . edu /Applet / classes / Image1.gif ");
　　　 Image getImage ( "file:/D:/image/ ” , " example.gif " );

显示图形

加载了图形，怎样把它按要求在程序里显示出来呢？ Graphics 类里提供了 drawImage 这个方法把 Image 对象在程序里绘制出来。如果只是按原样显示图形，就可以这样写：
　　　 g.drawImage ( picture , x , y , this );
其中 picture 是一个 Image 对象， (x , y) 是图形的坐标， this 指的是 g 这个 Graphics 对象。

现在看到的图象已经相当不错了，不过我们还可以在图形显示时增加一些有趣的处理。你可以改变图形的背景，还可以任意缩放图形。看下面这两条语句就是这样做的：
　　　 g.drawImage ( picture , x, y, clr , this );
　　　 g.drawImage ( picture , x, y, width, height , this );
其中 clr 指定了显示图片的背景色， width 和 height 指定了图片输出的大小。

＊设置图片的背景色效果时，只有图片具有透明属性才能看得出来，如果设置了底色，而不显示，说明你所加载的图片是不透明的。
讲了这么多，编个程序看看吧！
程序 16.5
　　 import java.awt.Image;
　　　 import java.awt.Graphics;
　　　 import java.awt.Color;
　　　 public class picture extends java.applet.Applet
　　　 {
　　　　　 Image picture1,picture2; // 定义两个 Image 类型的对象
　　　　　 public void init( ) // 加载图片，把 sunjava.gif 加载到 picute1 ， window.jpg 加载到 picture2
　　　　　 {
　　　　　　 picture1 = getImage(getDocumentBase( ),"sunjava.gif");
　　　　　　 picture2 = getImage(getDocumentBase( ),"window.jpg");
　　　　　 }
　　　　　 public void paint(Graphics g)
　　　　　 {
　　　　　　 g.drawImage(picture1,0,0,this); // 以（ 0 ， 0 ）为左上角按原样显示 picture1
　　　　　　　 // 以（ 0 ， 240 ）为左上角，将 picture1 拉伸到 200 × 100 ，然后再显示
　　　　　　 g.drawImage(picture1,0,240,200,100,this);
　　　　　　 g.drawImage(picture2,220,0, this); // 以（ 220 ， 0 ）为左上角按原样显示 picture2
　　　　　 }
　　　 }
　　　该程序的 HTML 文件如下所示： < HTML>
< HEAD>
< TITLE>picture< /TITLE>
< /HEAD>
< BODY>
< APPLET CODE = "picture.class" WIDTH = 500 HEIGHT = 400>< /APPLET>
< /BODY>
< /HTML>

编辑完以后，顺利通过编译就可以运行了，运行结果如图 16.8 所示：

图 16.8 程序 16.5 运行结果

这里请大家注意加载图片的这两条语句
　　　 picture1 = getImage(getDocumentBase( ),"sunjava.gif");
　　　 picture2 = getImage(getDocumentBase( ),"window.jpg");

其中 getDocumentBase( ) 给出了包含这个 Applet 的 HTML 的 URL ，这是什么意思呢？也就是说它指明了你的 Java 程序在主机上存放的位置，按照这个路径，系统才能找到你所加载的图片。

为什么要用 getDocumentBase( ) 呢？我直接告诉它不就行了吗？可是你想过没有，如果你把整个目录树挪了地方，而不修改程序里的路径，系统还能按你所给的绝对路径找到图片吗？当然不能。所以这里用了 getDocumnetBase( ), 这样你就可以放心地挪动你的目录，而无需每挪一次就去修改程序。不论你怎么移动目录 getDocumentBase( ) 总能找到那个包含了 Java 程序的 HTML ，找到它我们就可以按相对路径找到所要加载的图片。

＊我实在不想去考虑什么目录树、路径这些难缠的问题，我想就像程序里那样在 getDocumentBase( ) 后面直接写图片文件的文件名。好主意！想那样做很容易，你只需要把那个图片文件和包含了这个 Applet 的 HTML 文件放在同一个目录下就行了。

小结

这一章的学习到此就结束了， Java 多姿多彩的图形效果为你的主页增色不少。总结一下本章所讲述的内容，我们在这一章里学习了：

用各种丰富的绘图指令画出线、矩形、椭圆、弧、多边形等各式各样的图形。
drawLine 用来画线， drawRect 和 fillRect 画的是空心和实心的矩形， drawRoundRect 和 fillRoundRect 是画圆角矩形的方法，可以用 fill3Drect 画出具有 3 维立体效果的矩形，当然也可以完全自己画。
用 drawOral 和 fillOral 画空心和实心的椭圆， drawArc 可以画一段弧， fillArc 画的是一个扇形， drawPolygon 和 fillPolygon 是画多边形的两种方法。
用 getImage 在 Java Applet 中加载现成的图形，你不仅可以自己在程序中画图，还能够利用别的图形处理专业软件为你的程序作出精美的图片，然后直接加载到程序中。
加载了图片靠 drawImage 把它显示出来。

学习完本章，可以在主页里加入各种栩栩如生的图片了，美中不足的是它们都是静态的，试想一下，主页里的图形动起来，能够用鼠标、键盘控制该会多么令人振奋。接着学习以后的两章，你就能够通过自己的努力实现这个愿望。

第十四讲 绘图（三）

第十四讲绘图（三）