本例子学习如下内容：Ø 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);
}/*** 通过重载此方法，实现在面板上绘制加载的图*/@Overrideprotected void paintComponent(Graphics g) {// TODO Auto-generated method stub
super.paintComponent(g);g.drawImage(image,x,y,null);}@Overridepublic 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());}@Overridepublic void keyReleased(KeyEvent e) {// TODO Auto-generated method stub
}@Overridepublic 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);完结。
发表评论:
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。