该组件继承自java.awt.Component组件,在这点上与JPanel上是一致的.所以在JPanel拥有与Canvas一样的功能是很很正常的.

之前的一直无法理解为啥有了JPanel还要Canvas组件干啥,毕竟JPanel功能有Canvas的功能.现在的个人理解是JPanel更多的是一个容器的概念,更多的是充当容器的作用,其中有很多是在作图中是不需要的.

在网上看到一个关于Canvas与JPanel的区别评论如下:

Canvas: AWT JPanel: Swing

Swing is based on AWT, so Canvas can be more lightweight and in lower layer.

If canvas meet all your requirements, just use Canvas.

PS: I don't think there would be too much expensive to use JPanel, just choose the one you like.

Canvas是AWT组件,JPanel是Swing组件,Swing组件是以AWT组件为基础的,从理论上来说,Canvas要比JPanel更轻量些.如果canvas能满足需求,就用canvas.

但是作者认为两者并没有太大的性能差异,所以,想用哪个就用哪个,开心就好.

上述评论链接:

public void paint(Graphics g) {

g.clearRect(0, 0, width, height);

}

可以看到,源码是直接做清屏操作,如果不重写,啥也干不了.

paint方法的具体使用,JDK 文档是这么写的:

调用此方法响应对 repaint 的调用。首先通过使用背景色填充 canvas 来清理它，然后通过调用此 canvas 的 paint 方法重绘它。注：重写此方法的应用程序应该调用 super.update(g)，或者将上述功能合并到其自身的代码中。

2.update方法

与paint方法极其类似,源码如下:

public void update(Graphics g) {

g.clearRect(0, 0, width, height);

paint(g);

}

所以本质上update方法也是啥也没干,冏

3.repaint方法

该方法继承自Component组件.

JDK文档是这么说该方法的:

重绘此组件。

如果此组件是轻量级组件，则此方法会尽快调用此组件的 paint 方法。否则此方法会尽快调用此组件的 update 方法。

至此update、paint、repaint三个方法之间的默认调用关系很清楚了：

repaint---》update---》paint

repaint方式去调用update方式是通过EventQueue调用,也就是说通过AWT-EventQueue去调用.即开启了线程去重绘canvas.

repaint作用源码如下:

if (isVisible() && (this.peer != null) &&(width > 0) && (height > 0)) {

PaintEvent e = new PaintEvent(this, PaintEvent.UPDATE,

new Rectangle(x, y, width, height));

Toolkit.getEventQueue().postEvent(e);

}

在对一个不断变化的动画来说,就会容易出现线程同步问题.

示例：

class Roll extends Thread {

@Override

public void run() {

while (true) {

//创建粒子

createGrain();

//移动粒子

moveGrain();

//重绘粒子

canvas.repaint();

}

}

}

在上述例子中,粒子是在不断的变化的,存储在List中,但是由于没有重写repaint方法,在重绘粒子的时候是使用的是单独的线程去绘制粒子,而此时createGrain()与moveGrain()已经更改了存储粒子的List的了,此时会抛出如下异常.

Exception in thread "AWT-EventQueue-0" java.util.ConcurrentModificationException

异常

如果想要简单的解决该问题,重写repaint方法即可:

public void repaint() {

Graphics g = this.getGraphics();

update(g);

}

此外,如果不重写repaint方法,在绘制大量图案时,还容易造成界面假死的情况.

造成假死的原因个人理解是由于awt-EventQueue是负责创建用户界面和绘制图形类方法的,此时在该线程中绘制图像,导致程序没有空闲的时间去处理其他的界面事件,因此造成了假死.

完整使用示例:

CanvasTest.java:

package test;

import java.awt.Graphics;

public class CanvasTest {

final int CREATE_GRAIN_NUMBER = 5000;

JFrame frame;

WorldCanvas canvas;

List grains;

/**

* @wbp.parser.entryPoint

*/

public CanvasTest() {

init();

Graphics g = canvas.getGraphics();

g.fillOval(20, 20, 20, 20);

canvas.paint(g);

}

public void init() {

grains = new ArrayList();

frame = new JFrame();

JPanel panel = new JPanel();

frame.getContentPane().add(panel, BorderLayout.NORTH);

JButton startBtn = new JButton("开始");

panel.add(startBtn);

startBtn.addActionListener(new ActionListener() {

@Override

public void actionPerformed(ActionEvent e) {

// TODO Auto-generated method stub

new Roll().start();

}

});

canvas = new WorldCanvas();

canvas.setGrains(grains);

frame.getContentPane().add(canvas);

frame.setSize(400, 400);

frame.setVisible(true);

frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

}

private void createGrain() {

for (int i = 0; i < CREATE_GRAIN_NUMBER; i++) {

grains.add(new Grain());

}

}

private void moveGrain() {

Grain grain;

for (int i = 0; i < grains.size(); i++) {

grain = grains.get(i);

grain.move();

if (grain.isDead()) {

grains.remove(i);

}

}

}

class Roll extends Thread {

@Override

public void run() {

while (true) {

createGrain();

moveGrain();

canvas.repaint();

}

}

}

public static void main(String args[]) {

new CanvasTest();

}

}

Grain.java

package test;

public class Grain{

private final int SPEED_X = 1;

private final int SPEED_Y = 1;

private final int MAX_X = 300;

private final int MAX_Y = 300;

private int pos_x;

private int pos_y;

private int radius = 5;

private int time = 1;

private boolean isDead = false;

public Grain() {

pos_x = generateRandom(0, 350);

pos_y = generateRandom(0, 350);

}

/*

* (non-Javadoc)

*

* @see test.IGrain#move()

*/

public void move() {

pos_x = pos_x + SPEED_X * time;

pos_y = pos_y + SPEED_Y * time;

if (pos_x > MAX_X || pos_y > MAX_Y) {

setDead(true);

}

}

private int generateRandom(int min, int max) {

int random = (int) (Math.random() * (max - min)) + min;

return random;

}

public int getPos_x() {

return pos_x;

}

public void setPos_x(int pos_x) {

this.pos_x = pos_x;

}

public int getPos_y() {

return pos_y;

}

public void setPos_y(int pos_y) {

this.pos_y = pos_y;

}

public boolean isDead() {

return isDead;

}

private void setDead(boolean b) {

isDead = true;

}

public int getRadius() {

return radius;

}

public void setRadius(int radius) {

this.radius = radius;

}

}

WorldCanvas.java

package test;

import java.awt.Canvas;

import java.awt.Color;

import java.awt.Graphics;

import java.util.List;

public class WorldCanvas extends Canvas {

/**

*

*/

private static final long serialVersionUID = 1L;

private List grains;

// public void update(Graphics g) {

// g.clearRect(0, 0, 350, 350);

// super.update(g);

// }

@Override

public void repaint() {

Graphics g = this.getGraphics();

update(g);

}

@Override

public void paint(Graphics g) {

g.setColor(Color.blue);

for (Grain grain : grains) {

g.fillOval(grain.getPos_x(), grain.getPos_y(), grain.getRadius(),

grain.getRadius());

}

}

public List getGrains() {

return grains;

}

public void setGrains(List grains) {

this.grains = grains;

}

} 貌似排版有点渣....... 经过一番折腾,好多了,看样子是使用的姿势不对呃~ 距离上次更新博客差不多是一年前的事情了,一年来,却没有什么大的长进,真是个悲伤的故事~