Java游戏点滴 － 使用KeyListener控制图形移动

乱侃

我上完了一个学期的Java课程，想自己做一些Java小游戏来玩玩，才发现一个学期在课堂上学习的东西简直太少太少了。 即使期末考试拿到高分，但是实际应用起来，要做一个游戏程序，发现并不是那么容易……

本来想做一个超级玛丽的游戏，但是完全没有头绪……

后来去找CC老师指引人生方向，得知可以先试试做《推箱子》一类的游戏，即如何控制物体移动；接下来可以试试做《贪食蛇》，即在没有用户输入的时候物体仍然在自动移动；这两个任务完成了之后，再考虑《超级玛丽》的事情。

假设你和我一样刚刚学会了Java基本概念，但处于一个难以应用的境界。第一篇《Java游戏点滴》将介绍如何使用KeyListener来做一个简单的控制物体移动。

正文

我们要达到的目的，是在JFrame里画一个圆形，通过方向键控制圆形移动。

首先，我们新建一个类，这个类继承JFrame，我们的程序完全使用这一个类完成。接下来按照课堂上学的方法，覆盖掉JFrame的默认构造函数，将JFrame进行初始化，不再细说了。

要画一个圆形，很显然需要几个成员变量来记录圆形的位置和半径。

private int x,y;
private int r;

然后我们需要实现KeyListener接口，并且覆盖这个接口的三个抽象方法：

public void keyPressed ( KeyEvent e ) {}
public void keyReleased ( KeyEvent e ) {}
public void keyTyped ( KeyEvent e ) {}

别忘了给JFrame注册监听器，即在JFrame的构造函数当中加入addKeyListener(this);这句。

当按下方向键的时候，我们改变x,y的坐标值，使得圆形在面板上移动。（注意，我们这里只是设置了圆形的几个参数，并没有将圆形绘制到屏幕上去。关于绘制我们放在后面）实现这个功能的代码写在keyPressed方法中，即按下键盘时执行这些语句。

这里遇到一个很实际的问题：在keyPressed方法中如何得知按下的是那个键？

这个问题的答案就在keyPressed方法参数KeyEvent e当中，参数中就包含了所按下按键的信息。使用e.getKeyCode()方法会返回一个int型的值。单纯看这个值也一时不能判断哪个按键。

幸运的是KeyEvent类中定义了所有的键盘按键常量，用e.getKeyCode()方法获得的值与这些常量判等，就能知道按下的是什么键。下面给出常用的按钮的常量：

KeyEvent.VK_SPACE 空格
KeyEvent.VK_ENTER 回车
KeyEvent.VK_SHIFT shift
KeyEvent.VK_CONTROL ctrl
KeyEvent.VK_A ~ Z A ~ Z
KeyEvent.VK_0 ~ 9 0 ~ 9
KeyEvent.VK_UP 方向键 上
KeyEvent.VK_DOWN 下
KeyEvent.VK_LEFT 左
KeyEvent.VK_RIGHT 右

这样，我们的keyPressed方法可以这样写：

public void keyPressed(KeyEvent e){
int key = e.getKeyCode(); //获取按键码

switch(key){
case KeyEvent.VK_UP: //按下方向键 上
y-=10; break;
case KeyEvent.VK_DOWN: //按下方向键 下
y+=10; break;
case KeyEvent.VK_LEFT: //按下方向键 左
x-=10; break;
case KeyEvent.VK_RIGHT: //按下方向键 右
x+=10; break;
}

//在这里绘制图形
}

那么，这个程序的核心我们算是完成了，后面的工作仅仅是将圆形按照当前的坐标绘制到屏幕上。

要在JFrame中绘制图形，需要用到JFrame的getGraphics()方法，它可以获取这个组件的图形上下文，它返回一个Graphics类的对象，这个对象可以向组件中绘制各种图形图片文字等。

Graphics类提供了绘制椭圆的方法，g.fillOval(x, y, w, h);它将绘制一个以x,y为左上角w,h为宽高的矩形作为外框的椭圆。绘制圆形只需把这个矩形设置成正方形。

在keyPressed()方法的最后加上这样两句话：

Graphics g = this.getGraphics();
g.fillOval(x-r, y-r, 2*r, r*2);

目前为止，程序基本完成。在main()方法中new你的这个类就可以运行了。当然不要忘了在构造函数中写必要的设置和初始化x,y,r的值。

运行后你会发现一个问题，按下方向键虽然有一个圆形在移动，但是移动之前的图象仍然残留在屏幕上。其原因是使用Graphics类在组件中绘制图形时每次绘制都是在上一次绘制的基础上进行的，清除屏幕需要手动进行。

所以我们应该在画圆形之前清除屏幕上的图象：

g.clearRect(0, 0, 600, 400); //这里后两个参数是你设置JFrame的宽度和高度

这里给出整个程序的代码：

-----------------------------------------------------------------------------------------

import javax.swing.*;
import java.awt.event.*;
import java.awt.*;

public class MoveItem extends JFrame implements KeyListener{

private int x,y;
private int r;

//默认构造函数
public MoveItem(){
x=300;
y=200;
r=50;
this.setSize(600, 400);
this.addKeyListener(this);
this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
this.setVisible(true);
}

//KeyListener方法
public void keyReleased(KeyEvent e){}
public void keyTyped(KeyEvent e){}
public void keyPressed(KeyEvent e){
int key = e.getKeyCode(); //获取按键码
switch(key){
case KeyEvent.VK_UP: //向上
y-=10; break;
case KeyEvent.VK_DOWN: //向下
y+=10; break;
case KeyEvent.VK_LEFT: //向左
x-=10; break;
case KeyEvent.VK_RIGHT: //向右
x+=10; break;
}

//绘制图形
Graphics g = this.getGraphics();
g.clearRect(0, 0, 600, 400);
g.fillOval(x-r, y-r, 2*r, r*2);
}

//main方法
public static void main(String args[]){
new MoveItem();
}
}

---------------------------------------------------------------------------------------

这个移动圆形的程序也就完成了。你会发现这个程序存在许多问题，而这些问题也就是我们以后需要解决的。粗略得列一下存在的问题：

1。初始时看不到图象，只有按下按键只有才显示出来。
2。你也许会发现圆形移动时，屏幕会出现严重的闪烁。
3。控制不够平缓，手感不好。
4。图形不能自动运动。
…… ……

小节

这个程序中，值得研究的东西一个是KeyEvent类，另一个是Graphics类。

事件监听在程序中用得十分常见，应该熟悉如何对各种组件添加不同的事件监听器。