扫雷游戏制作全过程 03 时间伪动画

现在把地雷模块先放一下，开始设计时间模块。可以用JLabel来显示数字，也可以用其来显示表示数字的图片。我选择了后者。其实最开始想做成时间翻页的效果，其实也能实现，但是如果使用下面的方法真的过于麻烦了。

有一点要注意的是：

我们显示图片时应该等到 图片被下载完成后才启动装载过程，然后显示完整的图像。但是getImage可以在没有载入全部的图像的情况下立即返回。如果创建一个显示多幅图片的动画，可以使用getImage来将所有的图片载入一个数组，以便JLabel有序的显示，但是动画的第一次运行不一定是有效的，因为JLabel类要等到整个图像被装载后才显示它。

为了避免这个问题，Java提供了MedioTracker类。

MedioTracker能自动追踪一个或多个图片的装载进度。我们可以使用它阻塞其他的操作直到一个或多个图像（相关连的）被完全载入。

我把它实现的全过程写到了loadPicture方法中：（这个是可用的）

public void loadPicture()
{
MediaTracker tracker = new MediaTracker(this);
for(int i=0;i<images.length ;i++)
{
images[i] = getToolkit().getImage("image/Time/"+i+"t.png");
tracker.addImage(images[i], i);
}
try
{
tracker.waitForAll();
}
catch(InterruptedException ie){}
}

代替了最初可能各种显示有误的（这个是有问题的）：

public void loadPicture()
{
for(int i=0;i<images.length ;i++)
{
images[i] = getToolkit().getImage("image/Time/"+i+"t.png");
}
}

您可以在源代码中注释掉上面的正确的方法，把原来注释掉的有问题的方法还原，看看效果如何。

当然，有问题的这个方法运行起来并不是每一次都有问题，多试几次，或者增加图片的个数效果就比较明显了。

在这里，我将两个方法分别运行的效果图传上来了：





我们接下来说如何来实现时间为动画的。首先我们将0-9十张图片加载到了images数组中，

然后启动一个线程，添加一个计数器，每隔1秒自加1.（根据具体情况，也可以0.1s。。。）

我设定了分钟和秒两个大块，而又细分为四个动态改变的小块。其改变的时间和范围由左到右分别是：

0-5*600s

0-9*60s

0-5*10s

0-9*1s

其实仅仅通过时间刷新来判断是否达到图片的刷新条件就OK了。具体实现的代码如下：

好像这段代码有点太繁琐了，大部分都是在修饰界面。关键的代码就是上面的loadPicture，还有下面的那个重写的paintComponent的图片与时间的对应函数关系。

import java.awt.BorderLayout;
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.Image;
import java.awt.MediaTracker;

import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.SwingUtilities;
import javax.swing.UIManager;
import javax.swing.border.BevelBorder;
import javax.swing.border.SoftBevelBorder;

class TimePanel extends JPanel
{
private JPanel panel0 = new JPanel();
private JPanel panel1 = new JPanel();
private JPanel panel2 = new JPanel();
private MicPanel micpanel[] = new MicPanel[4];
/*********************************************/
private Image images[] = new Image[10];
private long current = 0;
/**初始化的时候默认不显示跑*/
private boolean stop = true;

public static void main(String[] args)
{
JFrame frame = new JFrame();
TimePanel tpanel = new TimePanel();
frame.add(tpanel);
frame.pack();
frame.setVisible(true);
}

public TimePanel()
{
loadPicture();
initOther();
panel1.add(micpanel[2] = new MicPanel(10,6),BorderLayout.WEST);
panel1.add(micpanel[3] = new MicPanel(1,10),BorderLayout.EAST);
panel2.add(micpanel[0] = new MicPanel(600,6),BorderLayout.WEST);
panel2.add(micpanel[1] = new MicPanel(60,10),BorderLayout.EAST);
startTime();
reStarted();
}

public void loadPicture()
{
MediaTracker tracker = new MediaTracker(this);
for(int i=0;i<images.length ;i++)
{
images[i] = getToolkit().getImage(i+"t.png");
tracker.addImage(images[i], i);
}
try
{
tracker.waitForAll();
}
catch(InterruptedException ie){}
}

/*
public void loadPicture()
{

for(int i=0;i<images.length ;i++)
{
images[i] = getToolkit().getImage(+i+"t.png");
}
}
*/

public void startTime()
{
stop = true;
MyRunnable myrun = new MyRunnable();
Thread thread = new Thread(myrun);
thread.start();
}

public void initOther()
{
panel0.setLayout(new BorderLayout());
panel1.setLayout(new BorderLayout());
panel2.setLayout(new BorderLayout());
/*panel1放分钟，panel2放秒*/

panel0.add(panel1,BorderLayout.EAST);
panel0.add(panel2,BorderLayout.WEST);
/*不透明的话就不美观了*/
panel0.setOpaque(false);
panel1.setOpaque(false);
panel2.setOpaque(false);
this.setOpaque(false);
/*设置突出的边框*/
panel1.setBorder(new SoftBevelBorder(BevelBorder.RAISED));
panel2.setBorder(new SoftBevelBorder(BevelBorder.RAISED));
panel0.setBorder(new SoftBevelBorder(BevelBorder.RAISED));//(BevelBorder.LOWERED));
add(panel0);
try
{
UIManager.setLookAndFeel("com.sun.java.swing.plaf.nimbus.NimbusLookAndFeel");
SwingUtilities.updateComponentTreeUI(this);
}
catch(Exception e) { e.printStackTrace(); }
}

class MicPanel extends JPanel
{
private int cut_time;
private int limit_time;

public MicPanel(int copy_cut,int copy_limit)
{
//super();
cut_time = copy_cut;
limit_time = copy_limit;
repaint();
}
/*原来这是非常有用的,要重写这个方法*/
public Dimension getPreferredSize()
{
return new Dimension(images[0].getWidth(this),images[0].getHeight(this));
}

public void paintComponent(Graphics g)
{
super.paintComponent(g);
g.drawImage(images[(int)(current/cut_time)%limit_time],0,0,this);
}
}

public void reStarted()
{
current = 0;
stop = false;
}

public void stoped()
{
stop = true;
}

class MyRunnable implements Runnable
{
public void run()
{
while(true)
{
if(!stop)
{
try{
current++;
Thread.sleep(1000);
micpanel[0].repaint();
micpanel[1].repaint();
micpanel[2].repaint();
micpanel[3].repaint();
}catch(InterruptedException ie){}
}
}
}
}
}

图片和源代码已经上传。（关于MediaTracker的部分，我是参考的《java程序设计进阶教程》（清华大学出版社））。

看完了这个例子，我想您应该也能想到如何很麻烦的制作出时间在纸上翻页的效果来，简单的伪动画也可以通过修改sleep的时间片段的长短来实现。