本例子学习如下内容:
Ø 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); |
完结。
声明:我要去上班所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,版权归原作者移山蹈海所有,原文出处。若您的权利被侵害,请联系删除。
本文标题:(java图形化界面开发)(java图形化界面swt教程)
本文链接:https://www.51qsb.cn/article/dvjvib.html