掃雷遊戲製作全過程02 之 JButton 彎路

原創

2020-02-25 18:28

我看JButton（用了前文00的感官）長得很好看，於是決定用一個JButton來代表一個地雷塊。而此時完全沒有考慮標記地雷和判輸判贏的實現。

首先在面板上生成width*height個JButton，生成之時通過查詢mine[][]數組來爲JButton的mine屬性賦值。然後監聽點擊事件，如果被點擊，則打開該塊

（其實是切換JButton的背景圖片）。

這是MyButton類：

class MyButton extends JButton
{
	private boolean is_mine = false;
  	private int status = 0;
	public MyButton()
	{
		this.setLayout(null);
		setIcon(new ImageIcon("a.png"));
		setMargin(new Insets(0,0,0,0));
		setIconTextGap(0);
		setBorderPainted(false);
		setBorder(null);
		setText(null);
		setRolloverIcon(new ImageIcon("b.png"));
		//setPressedIcon(new ImageIcon("c.png"));
                // setSelectedIcon(new ImageIcon("d.png"));
		this.addActionListener(new ActionListener()
		{
		    public void actionPerformed(ActionEvent event)
		    {
                         digOut();
		    }
		});
	}

	public void  beMarked()
        {
	   this.setIcon(new ImageIcon("beMarked.png"));
	}

         public void digOut()
	{
	     switch(status)
		 {
		    case -1:
			  this.setIcon(new ImageIcon("c.png"));
			  //setRolloverIcon(new ImageIcon("c.png"));
			break;
		    case 0:
			  this.setIcon(new ImageIcon("0.png"));
			  //setRolloverIcon(new ImageIcon("0.png"));
			break;
		    case 1:
			  this.setIcon(new ImageIcon("1.png"));
			  //setRolloverIcon(new ImageIcon("1.png"));
			break;
		    case 2:
			  this.setIcon(new ImageIcon("2.png"));
			  //setRolloverIcon(new ImageIcon("2.png"));
			break;
		    case 3:
			  this.setIcon(new ImageIcon("3.png"));
			  //setRolloverIcon(new ImageIcon("3.png"));
			break;
		    case 4:
			  this.setIcon(new ImageIcon("4.png"));
			  //setRolloverIcon(new ImageIcon("4.png"));
			break;
		    case 5:
			  this.setIcon(new ImageIcon("5.png"));
			  //setRolloverIcon(new ImageIcon("5.png"));
			break;
		    case 6:
			  this.setIcon(new ImageIcon("6.png"));
			  //setRolloverIcon(new ImageIcon("6.png"));
			break;
		    case 7:
			  this.setIcon(new ImageIcon("7.png"));
			  //setRolloverIcon(new ImageIcon("7.png"));
			break;
		    case 8:
			  this.setIcon(new ImageIcon("8.png"));
			  //setRolloverIcon(new ImageIcon("8.png"));
			break;
         }

	}

	public void setStatus(int copy_status)
	{
		status = copy_status;

	}
	public boolean getIsMine()
	{
	    return is_mine;
	}
}

生成地雷的Mine類多添加了一個方法getMineByLocation()

class Mine
{
	//雷區的長和寬及雷的個數
	final int width = 5;
	final int height = 4;
	final int mine_num = 6;
	//爲了生成雷區方便
	private int[][] mine= new int[height+2][width+2];

	public Mine()
	{
		createMine();
		initMine();
	}

	public void createMine()
	{
		int num = 0;
		int[] x = new int[mine_num];
		int[] y = new int[mine_num];
		//用於判斷是否重複
		boolean mark = true;

		while(num<mine_num)
		{
			x[num] = (int)(Math.random()*(height-1))+1;
			y[num] = (int)(Math.random()*(width-1))+1;

			mark = true;
			for(int i=0;i<num;i++)
			{
				if(x[num]==x[i]&&y[num]==y[i])
				 mark = false;
			}
			  if(mark)
				num++;
		}

		//佈雷
		for(int i=0;i<mine_num;i++)
		{
		   mine[x[i]][y[i]] = -1;
		}
	}

	public void initMine()
	{
	   int mine_around = 0;

	   for(int i=1;i<=height;i++)
	   {
		 for(int j=1;j<=width;j++)
		 {
			if(mine[i][j]!=-1)
			{
			  for(int k=i-1;k<=i+1;k++)
				for(int l=j-1;l<=j+1;l++)
				  if(mine[k][l]==-1)
					 mine_around++;

			  mine[i][j]=mine_around;
			  mine_around = 0;
			}
		 }
	   }
	}
	/*新添加了一個方法，生成M也Button時用到*/
	public int getMineByLocation(int copy_x,int copy_y)
	{
	  return mine[copy_x][copy_y];
	}

	public int getWidth()
	{
		return width;
	}

	public int getHeight()
	{
		return height;
	}
}

主要的控制類爲MyPanel

class MyPanel extends JPanel
{
        private MyButton button[];
	public MyPanel()
	{
	    setSize(850,700);

	    Mine mine = new Mine();
		button = new MyButton[mine.getWidth()*mine.getHeight()];
		for(int i=0;i<20;i++)
		{
		   button[i] = new MyButton();
		   add(button[i]);
		   /*因爲生成的地雷數組有空邊界，而初始化並不顯示該邊界*/
		   button[i].setStatus( mine.getMineByLocation(i%mine.width+1,i/mine.width+1));
		}
                try
		{
		  UIManager.setLookAndFeel("com.sun.java.swing.plaf.nimbus.NimbusLookAndFeel");
		  SwingUtilities.updateComponentTreeUI(MyPanel.this);
		}
		catch(Exception e) { e.printStackTrace(); }
	}
}

最爲關鍵的就是button[i].setStatus( mine.getMineByLocation(i%mine.width+1,i/mine.width+1));將Mine與JButton聯繫了起來。

下面給一個用來測試的類

import javax.swing.*;
import java.awt.*;
import java.awt.event.*;


public class PlayMine
{
    public static void main(String[] args)
    {
	JFrame frame = new MyFrame();
	frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setVisible(true);
    }
}

class MyFrame extends JFrame
{
	public MyFrame()
	{
	    setTitle("移動");
	    setSize(850,700);
            JPanel panel = new MyPanel();
	    add(panel);
	    this.setFocusable(true);
	}
}

運行PlayMine就OK了。對了一定要記得把圖片和類文件放在同一層的目錄下！

a.pngb.pngc.png0.png1.png