Graphics 绘图
Graphics类提供基本绘图方法,Graphics2D类提供更强大的绘图能力。
Graphics类提供基本的几何图形绘制方法,主要有:画线段、画矩形、画圆、画带颜色的图形、画椭圆、画圆弧、画多边形等。
1. 画线
在窗口画一条线段,可以使用Graphics类的drawLine()方法:
1
|
drawLine( int x1, int y1, int x2, int y2) |
例如,以下代码在点(3,3)与点(50,50)之间画线段,在点(100,100)处画一个点。
1
2
|
g.drawLine( 3 , 3 , 50 , 50 ); //画一条线段 g.drawLine( 100 , 100 , 100 , 100 ); //画一个点。 |
2. 画矩形
有两种矩形:普通型和圆角型。
(1) 画普通矩形有两个方法:
drawRect(int x,int y,int width,int height):画线框围起来的矩形。其中参数x和y指定左上角的位置,参数width和height是矩形的宽和高。
fillRect(int x,int y,int width,int height):是用预定的颜色填充一个矩形,得到一个着色的矩形块。
以下代码是画矩形的例子:
1
2
|
g.drawRect( 80 , 100 , 40 , 25 ); //画线框 g.setColor(Color.yellow);g.fillRect( 20 , 70 , 20 , 30 ); //画着色块 |
(2)画圆角矩形也有两个方法:
drawRoundRect(int x,int y,int width, int height, int arcWidth, int arcHeight):是用线围起来的圆角矩形。其中参数x和y指定矩形左上角的位置;参数width和heigth是矩形的宽和高;arcWidth和arcHeight分别是圆角弧的横向直径和圆角弧的纵向直径。
fillRoundRect(int x,int y,int width,int height,int arcWidth,int archeight):是用预定的颜色填充的圆角矩形。各参数的意义同前一个方法。
以下代码是画矩形的例子:
1
2
3
4
|
g.drawRoundRect( 10 , 10 , 150 , 70 , 40 , 25 ); //画一个圆角矩形 g.setColor(Color.blue); g.fillRoundRect( 80 , 100 , 100 , 100 , 60 , 40 ); //涂一个圆角矩形块 g.drawRoundRect( 10 , 150 , 40 , 40 , 40 , 40 ); //画圆 g.setColor(Color.red); g.fillRoundRect( 80 , 100 , 100 , 100 , 100 , 100 ); //画圆块 |
可以用画圆角矩形方法画圆形,当矩形的宽和高相等,圆角弧的横向直径和圆角弧的纵向直径也相等,并等于矩形的宽和高时,画的就是圆形。参见上述例子中的注释,前一个是画圆,后一个是涂圆块。
3. 画三维矩形
画三维矩形有两个方法:
draw3DRect(int x,int y,int width,int height, boolean raised):画一个突出显示的矩形。其中x和y指定矩形左上角的位置,参数width和height是矩形的宽和高,参数raised是突出与否。
fill3DRect(int x,int y,int width,int height,boolean raised):用预定的颜色填充一个突出显示的矩形。
以下代码是画突出矩形的例子:
1
2
|
g.draw3DRect( 80 , 100 , 40 , 25 , true ); //画一个线框 g.setColor(Color.yellow); g.fill3DRect( 20 , 70 , 20 , 30 , true ); //画一个着色块 |
5. 画圆弧
画圆弧有两个方法:
drawArc(int x,int y,int width,int height,int startAngle, int arcAngle):画椭圆一部分的圆弧线。椭圆的中心是它的外接矩形的中心,其中参数是外接矩形的左上角坐标(x,y),宽是width,高是heigh。参数startAngle的单位是 “度”,起始角度0度是指3点钟方位.参数startAngle和arcAngle表示从startAngle角度开始,逆时针方向画arcAngle度的弧,约定,正值度数是逆时针方向,负值度数是顺时针方向,例如-90度是6点钟方位。
fillArc(int x,int y,int width, int height, int startAngle, int arcAngle):用setColor()方法设定的颜色,画着色椭圆的一部分。
以下代码是画圆弧的例子:
1
2
3
4
|
g.drawArc( 10 , 40 , 90 , 50 , 0 , 180 ); //画圆弧线 g.drawArc( 100 , 40 , 90 , 50 , 180 , 180 ); //画圆弧线 g.setColor(Color.yellow); g.fillArc( 10 , 100 , 40 , 40 , 0 ,- 270 ); //填充缺右上角的四分之三的椭圆 g.setColor(Color.green); g.fillArc( 60 , 110 , 110 , 60 ,- 90 ,- 270 ); //填充缺左下角的四分之三的椭圆 |
6. 画多边形
多边形是用多条线段首尾连接而成的封闭平面图。多边形线段端点的x坐标和y坐标分别存储在两个数组中,画多边形就是按给定的坐标点顺序用直线段将它们连起来。以下是画多边形常用的两个方法:
drawPolygon(int xpoints[],int yPoints[],int nPoints):画一个多边形
fillPolygon(int xPoints[],int yPoints[],int nPoints):用方法setColor()设定的颜色着色多边形。其中数组xPoints[]存储x坐标点,yPoints[]存储y坐标点,nPoints是坐标点个数。
注意,上述方法并不自动闭合多边形,要画一个闭合的多边形,给出的坐标点的最后一点必须与第一点相同.以下代码实现填充一个三角形和画一个八边形。
1
2
3
4
5
6
7
8
|
int px1[]={ 50 , 90 , 10 , 50 }; //首末点相重,才能画多边形 int py1[]={ 10 , 50 , 50 , 10 }; int px2[]={ 140 , 180 , 170 , 180 , 140 , 100 , 110 , 140 }; int py2[]={ 5 , 25 , 35 , 45 , 65 , 35 , 25 , 5 }; g.setColor(Color.blue); g.fillPolygon(px1,py1, 4 ); g.setColor(Color.red); g.drawPolygon(px2,py2, 9 ); |
也可以用多边形对象画多边形。用多边形类Polygon创建一个多边形对象,然后用这个对象绘制多边形。Polygon类的主要方法:
- Polygon():创建多边形对象,暂时没有坐标点。
- Polygon(int xPoints[],int yPoints[],int nPoints):用指定的坐标点创建多边形对象。
- addPoint():将一个坐标点加入到Polygon对象中。
- drawPolygon(Polygon p):绘制多边形。
- fillPolygon(Polygon p):和指定的颜色填充多边形。
例如,以下代码,画一个三角形和填充一个黄色的三角形。注意,用多边形对象画封闭多边形不要求首末点重合。
1
2
3
4
5
6
7
8
9
10
|
int x[]={ 140 , 180 , 170 , 180 , 140 , 100 , 110 , 100 }; int y[]={ 5 , 25 , 35 , 45 , 65 , 45 , 35 , 25 }; Polygon ponlygon1= new Polygon(); polygon1.addPoint( 50 , 10 ); polygon1.addPoint( 90 , 50 ); polygon1.addPoint( 10 , 50 ); g.drawPolygon(polygon1); g.setColor(Color.yellow); Polygon polygon2 = new Polygon(x,y, 8 ); g.fillPolygon(polygon2); |
7. 擦除矩形块
当需要在一个着色图形的中间有一个空缺的矩形的情况,可用背景色填充一矩形块实现,相当于在该矩形块上使用了 “橡皮擦”.实现的方法是:
clearRect(int x,int y, int width,int height):擦除一个由参数指定的矩形块的着色。
例如,以下代码实现在一个圆中擦除一个矩形块的着色:
1
2
|
g.setColor(Color.blue); g.fillOval( 50 , 50 , 100 , 100 );g.clearRect( 70 , 70 , 40 , 55 ); |
8. 限定作图显示区域
用一个矩形表示图形的显示区域,要求图形在指定的范围内有效,不重新计算新的坐标值,自动实现超出部分不显示。方法是clipRect(int x,int y,int width,int height),限制图形在指定区域内的显示,超出部分不显示。多个限制区有覆盖时,得到限制区域的交集区域。例如,代码:
1
|
g.clipRect( 0 , 0 , 100 , 50 );g.clipRect( 50 , 25 , 100 , 50 ); |
9. 复制图形
利用Graphics类的方法copyArea()可以实现图形的复制,其使用格式是:
copyArea(int x,int y,int width,int height, int dx, int dy),dx和dy分别表示将图形粘贴到原位置偏移的像素点数,正值为往右或往下偏移是,负值为往左或往上偏移量。位移的参考点是要复制矩形的左上角坐标。
例如,以下代码示意图形的复制,将一个矩形的一部分、另一个矩形的全部分别自制。
1
2
3
4
|
g.drawRect( 10 , 10 , 60 , 90 ); g.fillRect( 90 , 10 , 60 , 90 ); g.copyArea( 40 , 50 , 60 , 70 ,- 20 , 80 ); g.copyArea( 110 , 50 , 60 , 60 , 10 , 80 ); |
【例】小应用程序重写update()方法,只清除圆块,不清除文字,窗口显示一个不断移动的红色方块。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
import java.applet.*; import java.awt.*; public class Example7_3 extends Applet{ int i= 1 ; public void init(){ setBackground(Color.yellow); } public void paint(Graphics g){ i = i+ 8 ; if (i> 160 )i= 1 ; g.setColor(Color.red);g.fillRect(i, 10 , 20 , 20 ); g.drawString( "我正学习update()方法" , 100 , 100 ); try { Thread.sleep( 100 ); } catch (InterruptedException e){} repaint(); } public void update(Graphics g){ g.clearRect(i, 10 , 200 , 100 ); //不清除"我正在学习update()方法" paint(g); } } |
一般的绘图程序要继承JFrame,定义一个JFrame窗口子类,还要继承JPanel,定义一个JPanel子类。在JPanel子类 中重定义方法paintComponent(),在这个方法中调用绘图方法,绘制各种图形。
【例】使用XOR绘图模式的应用程序。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
import javax.swing.*; import java.awt.*; public class Example7_4 extends JFrame{ public static void main(String args[]){ GraphicsDemo myGraphicsFrame = new GraphicsDemo(); } } class ShapesPanel extends JPanel{ SharpesPanel(){ setBackground(Color.white); } public void paintComponent(Graphics g){ super .paintComponent(g); setBackground(Color.yellow); //背景色为黄色 g.setXORMode(Color.red); //设置XOR绘图模式,颜色为红色 g.setColor(Color.green); g.fillRect( 20 , 20 , 80 , 40 ); //实际颜色是green + yellow的混合色=灰色 g.setColor(Color.yellow); g.fillRect( 60 , 20 , 80 , 40 ); //后一半是yellow+yellow=read,前一半是yellow+灰色 g.setColor(Color.green); g.fillRect( 20 , 70 , 80 , 40 ); //实际颜色是green+yellow的混合色=灰色. g.fillRect( 60 , 70 , 80 , 40 ); //前一半是(green+yellow)+gray =背景色,后一半是green+yellow = gray g.setColor(Color.green); g.drawLine( 80 , 100 , 180 , 200 ); //该直线是green+yellow = gray g.drawLine( 100 , 100 , 200 , 200 ); //同上 /*再绘制部分重叠的直线.原直线中间段是灰色+灰色=背景色,延长部分是green+yellow=gray.*/ g.drawLine( 140 , 140 , 220 , 220 ); g.setColor(Color.yellow); //分析下列直线颜色变化,与早先的力有重叠 g.drawLine( 20 , 30 , 160 , 30 ); g.drawLine( 20 , 75 , 160 , 75 ); } } class GraphicsDemod extends JFrame{ public GraphicsDemo(){ this .getContentPane().add( new ShapesPanel()); setTile( "基本绘图方法演示" ); setSize( 300 , 300 ); setVisible( true ); } } |