本例子学习如下内容：
Ø Java GUI开发模式
Ø 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.IO Exception ;
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); |
完结。
