本例子学习如下内容：

Ø JavaGUI开发模式

Ø JFrame框架类

1.1创建一个项目

在eclipse中创建java Project项目，项目名称为guiDemo，从File->New->Project->Java Project，界面如下图所示。

点Next，输入项目名称：guiDemo。

然后点击finish按钮完成项目创建。结果如下图所示：

1.2 项目的开发过程1.2.1 需求分析

通过开发一个GUI程序，在窗口中添加一张图片，并且通过键盘中的方向键控制图片在窗口中移动。

要完成此功能必须完成以下以下工作：

Ø 创建一个界面窗口；

Ø 在窗口中加载一张图片；

Ø 添加键盘事件；

Ø 为键盘事件添加控制代码；

1.2.2 项目开发过程

在上面创建的项目中有一个文件夹src，此文件夹是存放编写源代码的地方，另外一个JRE System Library是此项目运行需要加载的jar包。

下面详细说明开发过程：

1) 创建包

在src文件夹下创建一个包：com.sosee，过程如下：

用鼠标选中src文件夹，点右键弹出菜单：

Ø 在弹出窗口中的Name文本框中输入：com.sosee，如下图

Ø 点finish按钮完成包的创建；

2) 创建主窗口

创建系统主界面，我们通过继承JFrame框架类创建窗口界面。下面说明创建主窗口类的过程，此类名我们定义为PictMain。过程如下：

Ø 用鼠标选中上面创建的包com.sosee，点右键弹出菜单，选择new->Class，打开如下界面：

Ø 输入内容后的界面如下：

Ø 点Finish按钮完成类的创建。自动打开创建的类文件内容窗口，内容如下：

package com.sosee;

import javax.swing.JFrame;

public class PictMain extends JFrame {

/**

* @param args

*/

public static void main(String[] args) {

// TODO Auto-generated method stub

}

}

Ø 定义窗口显示宽度和高度，这里我们定义两个常量，为此类创建一个构造方法，在此方法中设置窗口的大小，代码如下：

package com.sosee;

import javax.swing.JFrame;

public class PictMain extends JFrame {

private static final int WIDTH=500;//定义的宽度

private static final int HEIGHT=400;//定义的高度

/**

* 创建一个构造方法，参数为此窗口的标题

* @param title

*/

public PictMain(String title) {

super(title);

this.setSize(WIDTH, HEIGHT);//设置窗口大小

}

/**

* @param args

*/

public static void main(String[] args) {

// TODO Auto-generated method stub

}

}

3) 创建显示板：

下面我们通过继承Jpanel板创建我们加载图片的面板，并且为此板添加键盘事件，此处是通过实现键盘监听事件接口（KeyListener）来完成，创建过程参见主窗口类的创建过程，只是在创建类的实现接口时注意是通过点add按钮来添加的如下图所示：

选择KeyListener接口，点OK。

点Finish按钮完成面板类的创建。

4) 为显示板类添加加载图片文件和实现键盘控制的代码如下：

package com.sosee;

import java.awt.Graphics;

import java.awt.Image;

import java.awt.event.KeyEvent;

import java.awt.event.KeyListener;

import java.io.File;

import java.io.IOException;

import javax.imageio.ImageIO;

import javax.swing.JPanel;

public class PictPanel extends JPanel implements KeyListener {

private final short UP=38;

private final short DOWN=40;

private final short LEFT=37;

private final short RIGHT=39;

private int x;

private int y;

private Image image=null;

/**

* 读取图片文件

* @param mapname

* @return

*/

private Image initmap(String fileName){

try {

image=ImageIO.read(new File(fileName));

} catch (IOException e) {

e.printStackTrace();

}

return image;

}

/**

* 构造方法，调用图形文件读取方法

*/

public PictPanel() {

image=initmap("c:/map.jpg");//这里可以随意指定一个图片文件

this.addKeyListener(this);

}

/**

* 通过重载此方法，实现在面板上绘制加载的图

*/

@Override

protected void paintComponent(Graphics g) {

// TODO Auto-generated method stub

super.paintComponent(g);

g.drawImage(image,x,y,null);

}

@Override

public void keyPressed(KeyEvent e) {

//38up,40down,37left,39right

switch(e.getKeyCode()){

case UP:

y=y-8;

break;

case DOWN:

y=y+8;

break;

case LEFT:

x=x+8;

break;

case RIGHT:

x=x-8;

break;

}

this.paint(this.getGraphics());

}

@Override

public void keyReleased(KeyEvent e) {

// TODO Auto-generated method stub

}

@Override

public void keyTyped(KeyEvent e) {

// TODO Auto-generated method stub

}

}

5) 在主窗口类是调用显示板类，实现主界面的显示，代码如下：

package com.sosee;

import javax.swing.JFrame;

public class PictMain extends JFrame {

private static final int WIDTH=500;//定义的宽度

private static final int HEIGHT=400;//定义的高度

/**

* 创建一个构造方法，参数为此窗口的标题

* @param title

*/

public PictMain(String title) {

super(title);

this.setSize(WIDTH, HEIGHT);//设置窗口大小

PictPanel pic=new PictPanel();

this.add(pic);

pic.setFocusable(true);

}

/**

* @param args

*/

public static void main(String[] args) {

PictMain frame=new PictMain("移动图片");

frame.setVisible(true);

}

}

1.2.3 程序运行

项目创建完成后，可以运行此项目，运行方式可以从两个地方：

（1） 从菜单中运行Run->Run。

（2） 可以从工具栏中选择工具栏快速运行，如下图所示：

运行结果如下所示：

说明：图片文件可以在自己的电脑上找一个替代程序中的图片文件。

1.2.4 问题

运行后，点击右上角的关闭窗口后，实际上在Eclipse环境中并没有结束，显示如下：

解决办法：

方法一：为主窗口增加窗口监听事件；

方法二：在主窗口类的构造方法中添加如下代码：

this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

完结。