跟我学Java Swing之游戏设计(2)

发布时间:2020-03-09 17:59:59发布者:admin浏览数:
文章来源:电脑爱好者 作者:张剑

  还记得《偷天换日》中精灵般穿梭在好莱坞车流中的Minicooper吗?马克·沃尔伯格和莎莉·赛隆就是驾驶着它在仇人的鼻子底下运走了价值千万的黄金。可是,如果现在将一辆无法奔驰的Minicooper躯壳放在你的面前,你会如何看待它?它还是那个游走自如的精灵吗?今天,就让我们一点一点地为这辆Minicooper组装上零件,让它跑起来。

  前言

  从本期开始,我们为大家提供完整的游戏源代码(点击下载)。Java咖啡馆倡导大家理论与实践并重,我们在连载中将给大家介绍关键技术以及实现思路,朋友们自行结合文章阅读源代码,好比一边读报一边喝咖啡,这才是滴滴香浓意犹未尽。

  游戏布局

  “连连看”属于一款二维战棋类游戏,要设计棋盘类的游戏,GridLayout应该是不二之选。现在让我们一起来看看GridLayout的构造函数:

  ·GridLayout():默认的情况下,将布局区域划分为1*1的大小
   ·GridLayout(int rows,int cols):指定布局区域横向和纵向的格子数
   ·GridLayout(int rows,int cols,int hgap,int vgap):同上,并且还指定了每个格子之间的横向间距hgap和纵向间距vgap

  千万别让这三个构造函数把你给吓住了,其实只要你喜欢,完全可以放心大胆地使用其中的任何一个,就算不小心用“错”了,以后也有办法进行调整。惟一需要注意的是,GridLayout在添加控件时,默认顺序是从左上方向右下方依次添加的。

  现在让我们来确定游戏的格子数目。究竟多少格子比较合适呢?太少会降低游戏的难度,太多又会造成视觉影响。所以,我们应该通过一对常量来表示,将来即使要修改,也是举手之劳。

  在Java中,常量的定义需要写成public final static的形式,假如我们规定游戏的棋盘在横向有8个格子,纵向也有8个格子,那么,我们应该这样定义:

public final static int ROW = 8;

public final static int COLUMN = 8;

  然后,我们使用GridLayout的第二种构造函数来创建布局:

GridLayout gridLayout = new GridLayout(ROW, COLUMN);

  最后,我们还需要将游戏区(contentPanel)的布局改为上述布局:

contentPanel.setLayout(gridLayout);

  如果你此时编译并运行程序的话,你可能会奇怪:界面怎么没有发生任何改变,是不是哪出错了?虽然我们指定了布局,可是什么控件也没有添加,当然就看不出变化。现在让我们一起在布局上添加按钮吧:

for (int i = 0; i < ROW * COLUMN; i++) {
JButton button = new JButton("Kyodai");
contentPanel.add(button);
}

  再运行程序试试,是不是和我的一样(见图1)?

 巧用JButton做文章

  JButton是一个按钮控件,它也是Swing中普通得不能再普通的控件了,尽管如此,我们还是需要花费一点功夫来了解和使用它,因为当你能够熟练使用JButton后,你会发现其他的Swing控件也是如此的相似。

  如果你将刚才写好的程序拿来运行,你会发现:游戏区的按钮总是排得满满的,这对实际游戏的操作非常不便,所以,我们得想办法让一部分格子空出来。GridLayout布局什么都好,就是在添加控件的时候不能跳过某一个格子,这下可怎么办呢?

  其实这也不难,既然GridLayout不让跳过,如果我们让某个格子内添加的控件与GridLayout布局的背景融为一体,这样在视觉上就达到了一致的效果。此外,假如别人在无意中点击到这个格子上,按钮仍然就会原形毕露,我们还得想办法让按钮不能被点击,这就需要用到JButton的setEnabled()方法。最后,对于能够点击的按钮,当它们被点击时,我们还得要区分出来究竟是哪一个按钮被点击了。

  在上一次实现“关于”功能的时候,我们使用了e.getSource()方法来判断鼠标点击事件产生的源,然而,那只对已经命名好了的控件比较有效。这里,使用数组表示按钮无疑是最好的方法了,首先让我们将上面的代码修改一下:

JButton[] dots = new JButton[ROW * COLUMN];
for (int i = 0; i < ROW * COLUMN; i++) {
dots[i] = new JButton("Kyodai");
dots[i].setActionCommand("" + i);
contentPanel.add(dots[i]);
dots[i].addActionListener(this);
}

  千万别忘记了在循环体中写上dots[i] = new JButton("Kyodai"),虽然在前面定义、使用了dots组数,然而,这仅仅只是告诉程序我们需要使用一些JButton,但是,这些JButton却依然没有被初始化。同时,我们不仅使用setActionCommand()为按钮制定了事件名称,还使用了addActionListener()方法为每个按钮加上了事件响应处理。

  关于事件响应的代码,我们可以在原来actionPerformed()事件代码的后面添加:

if (e.getSource() instanceof JButton) {
JButton button = (JButton) e.getSource();
int offset = Integer.parseInt(button.getActionCommand());
int row, col;
row = Math.round(offset / COLUMN);
col = offset - row * COLUMN;
JOptionPane.showMessageDialog(this,"ROW="+row+",COL="
+ col, "按钮", JOptionPane.INFORMATION_MESSAGE);
}

  在上面的代码中,e.getSource() instanceof JButton用来判断产生的事件是否是由JButton型的控件产生的,然后又将产生事件源的控件进行强制型类转换,再使用Integer.parseInt(button.getActionCommand())方法将取得的事件名称转化为整数,后面的代码就将这个整数还原成行和列的信息。

  好了,现在运行程序,然后点击每个按钮,看看是否会出现如右图的对话框?

  注意哦,我们的下标是从0开始的。本期程序源代码(点击下载)。

 在Swing中使用图片

  目前我们已经解决了用户操作的问题。为了让界面美观起来,我们需要使用图片来代替文字。有时间和耐心的朋友可以自己做个性图片,只是要注意保持每张图片大小一致,否则就太难看啦。想省事的话也可以直接使用下载包中提供的图片。

  在Swing中,可以使用setIcon(Image image)方法来为JButton设置图片,其中的参数image就是我们要设置的图片对象,这个对象有多种方法可以得到:

  ·使用Toolkit类来获得:
   image = Toolkit.getDefaultToolkit().getImage(url);
   ·使用ImageIcon类的getImage()方法来获得:
   image = new ImageIcon(getClass().getResource(filename)).getImage();

  我们这里选用第一种方法。为了方便今后再次获得Image对象,我们可以将此写为一个函数:

Image getImage(String filename){
URLClassLoader urlLoader = (URLClassLoader) this.getClass().getClassLoader();
URL url = null;
Image image = null;
url = urlLoader.findResource(filename);
image = Toolkit.getDefaultToolkit().getImage(url);
return image;
}

  有了这个函数之后,以后再要用到图片就方便多了,不是吗?

  图片现在已经有了,那么我们就可以将源代码包中Map.Java中的地图信息用图片的形式表现出来了。由于此段代码是关于游戏的算法代码,因此不再列举代码,在这里大致解释一下具体是怎么做的吧!在Map.Java中,我们使用了二维数组map[][]来保存图片信息,同时,我们也使用了一维数组images[]来保存每一个图片对象,map中的每一个元素都有一个值,这个值不仅表明了在游戏界面中按钮对应的值,也表明了这个按钮使用images[]数组中图片的编号,程序运行界面便漂亮许多。

  小结

  今天我们介绍了Swing中JButton控件。对于大多数Swing控件来说,JButton的用法一样可以照搬过去。别小看这个JButton,当你能够很好地掌握它的时候,你的Swing功底就已经提升一个台阶了。此外,我们也学会了在Java中加载图片文件的两种方法。最后,我们还将以上的两部分内容结合在一起创造出了漂亮的游戏界面。虽然我没有在这里写出完整的代码,但相信大家参考我的源程序,经过自己的努力,一定能够达到目标。如果遇到解决不了的问题,可以通过leftmoon@163.com信箱与我联系。

  不知道大家对今天的内容感觉到满意吗?精彩还在后面,大家要继续光顾我们的咖啡馆哦!

  程序开发分类
程序开发 |  系统教程 |  软件应用 |  图形图像 |  网络应用 |  站长教程 |  网站建设 |  视频教程 |  硬件维护 |  IT资讯 |  中国it动力网
本站发布的系统与软件仅为个人学习测试使用,请在下载后24小时内删除,不得用于任何商业用途,否则后果自负,请支持购买微软正版软件!
如侵犯到您的权益,请及时通知我们,我们会及时处理。
Copyright @ 2019 中国it动力网 网站导航