第十二讲绘图（一）

来源：互联网发布：mac os 10.6 iso镜像编辑：程序博客网时间：2024/05/16 08:56

教学纲要

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

五彩缤纷的世界

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

绘画的基础 — 线条

画线是绘图功能里最基本的方法， Java 程序中使用 Graphics 类提供的 drawLine 来画线。 drawLine 的标准格式如下：

drawLine ( int x1,int y1,int x2,int y2)
很显然，这就是在（ x1, y1) 和 (x2 , y2) 两点之间画一条线。再说得具体一点
例如： g.drawLine (10 ,10 ,200 , 200 ) 这就从（ 10 ， 10 ）到（ 200 ， 200 ）画了一条线。

Java 没有提供专门画点的指令，不过，我们完全可以用画线的功能画出一个点来。只要在 drawLine 里把起始点和终止点指定为同一个点就相当于在该坐标上画了一个点。

例如： g.drawLine (80 ,100 ,80 , 100 ) 是在（ 80 ， 100 ）上画了一个点。

画线的功能比较简单，这里就不单独举例了。在下一节的例子里，你就可以看到程序里究竟是怎么用 drawLine 的。

矩形的世界

绘制矩形也是基本绘图方法的一种。 Java 提供了绘制三种矩形的方法，这三种矩形分别是：普通矩形，圆角矩形和立体矩形。

普通矩形

画普通矩形， Java 又提供了三个方法，用这三个方法就可以把四四方方的矩形画出变化和效果来。这三个方法分别是：

1. drawRect ( int x , int y , int width , int height ) ，它的功能是画出一个矩形框，也就是说 drawRect 画出的矩形是空心的。 (x , y) 指定了矩形左上角的位置。 width 和 height 分别指定了矩形的长和宽。

例如： g.drawRect ( 10 , 20 , 200 , 150 ); 就是以（ 10 ， 20 ）为左上角，画一个长 200 个点，宽 150 个点的矩形框。

2. fillRect ( int x , int y , int width , int height ) ，这个方法是以当前的颜色填充一个矩形，其参数的意义和 drawRect 的一样。可见 fillRect 和 drawRect 很相似，区别仅在于 fillRect 画的是实心的矩形，而 drawRect 画的只是个框而已。

3. clearRect ( int x , int y , int width , int height ) ，又是一个和前面两个很相似的方法，可是 clearRect 和 fillRect 的功能正好相反，它是用背景色把矩形填满。换而言之，就是清除 fillRect 的效果，你可别小看它，使用得当会让你的主页增色不少呢。

圆角矩形

在 Java 里，除了提供绘制一般矩形的方法外，还提供了绘制圆角矩形的功能。和绘制普通矩形类似，画圆角矩形也有两个方法，它们分别是：

1. drawRoundRect ( int x , int y , int width , int height , int arcWidth, int arcHeight )

它和普通矩形中的 drawRect 是对应的，其功能是画一个圆角矩形框。所不同的是 drawRoundRect 比 drawRect 多了两个参数 arcWidth 和 arcHeight, 它们分别表示圆弧的横向直径和纵向直径。各个参数究竟都是什么意思呢？看看下面的示意图（图 16.1 ）就明白了。

图 16.1 圆角矩形参数示意图
＊ Java 里所有的坐标值、长度、宽度的单位都是象素，也就是我们常说的点数。

2. fillRoundRect ( int x , int y , int width , int height , int arcWidth, int arcHeight )

它和普通矩形中的 fillRect 是对应的，其功能是填充一个圆角矩形。各个参数的意义也与 drawRoundRect 中的一样。这里就不再赘述了。

现在来看看漂亮的矩形是怎么画出来的。

程序 16.1 　　 // Rect.java
　　 import java.awt.Graphics;
　　 import java.awt.Color;
　　 public class Rect extends java.applet.Applet
　　 { public void init( )
　　　　 { resize(340,300); } // 初始化一个 340 × 300 的作图区域
　　　　 public void paint(Graphics g)
　　　　 { g.drawRect(10,10,140,100); // 以（ 10 ， 10 ）为左上角，画一个 140*100 的矩形
　　　　　　 g.setColor(Color.pink); // 以（ 160 ， 10 ）为左上角，画一个粉色的矩形
　　　　　　 Rect(160,10,140,100);
　　　　　　 g.setColor(Color.lightGray); // 以 (154,134) 为左上角，画一个带浅灰色阴影的绿色圆角矩形
　　　　　　 g.fillRoundRect(160,140,140,100,40,40);
　　　　　　 g.setColor(Color.green);
　　　　　　 g.fillRoundRect(154,134,140,100,40,40);

　　　　　　 g.setColor(Color.red);
　　　　　　 g.drawLine(10,100,150,100); // 在第一个矩形里画两条红线
　　　　　　 g.drawLine(10,102,150,102);
　　　　　　 g.drawRoundRect(170,20,120,80,60,60); // 在第二个矩形中画一个红色的圆角矩形框
　　　　　　 g.setColor(Color.blue); // 在第一个矩形里画两条蓝线
　　　　　　 g.drawLine(140,10,140,110);
　　　　　　 g.drawLine(142,10,142,110); // 以（ 10 ， 140 ）为左上角填充一个蓝色矩形 , 然后清除它的中心区域
　　　　　　 g.fillRect(10,140,140,100);
　　　　　　 g.clearRect(20,150,120,80);
　　　　 }
　　 }
该程序的 HTML 文件如下：

源程序

编辑结束，顺利编译后就可以运行了，运行结果如图 16.2 所示：

图 16.2 各种各样的矩形

看看程序运行结果，再对照一下程序，你对程序中每一句话的作用都理解了吗？程序一开始就引入了 java.awt.Graphics 和 java.awt.Color 两个程序包，你应该记住，凡是与图形有关的程序前面都应该加上这句话： import java.awt.Graphics ; 当然你总不会希望你画的图都是黑白的吧，那么要画彩色的图，还要加上这句话： import java.awt.color;

＊这个程序里还有一个也许你从来没有见过的方法 --init( ) 。这个方法是 Applet 一出生第一个要执行的方法，它的作用就是做一些程序的初始化设置，例如：初始化作图区域，预先加载图片等。这个程序的 init 只包含了一句话 resize ( 340 , 300 ); 这句话初始化了这个程序的运行区域。你也许要问，在它的 HTML 文件里不已经过程序运行区域了吗？的确，可是如果你在程序里用 resize 重新设置以后， HTML 文件里的设置就不起作用了

第十二讲 绘图（一）

第十二讲绘图（一）