如何使用C#來製作掃雷遊戲的圖文代碼教程

這篇文章主要介紹了詳解從零開始---用C#製作掃雷遊戲，非常具有實用價值，需要的朋友可以參考下

學C#的原因其實挺簡單的，因為一直對遊戲挺感興趣，查了下比較流行的遊戲引擎Unity的主要開發語言是C#，所以就決定從C#入手，學學物件導向的編程方法。

以前基本都做的是嵌入式開發，做嵌入式久了，基本上只用C語言，C語言面向過程的特性在嵌入式編程這種資源極度受限的情況確實十分有利，但這種方式在面對大型軟體的開發的時候就很難勝任了。編程的模式其實是一種思維習慣，習慣久了以後，想改變確實是一個艱難的過程···

說起C#，其實在大學的時候學過一個學期，說來慚愧那時候倒也沒把它當一門物件導向的語言（其實是當時根本不知道物件導向是啥），感覺跟C語言也就一點文法差異，把所有的用法全部歸為文法不同，說來也神奇，這種方法倒也能編程。最終學期結束的時候交上去一份用Winform開發的掃雷遊戲結束了我的C#學習，在那之後就再也沒碰過C#。

現在重拾C#，為了免除掉不必要的幹擾，並沒有直接在Unity上學習，而是仍然在VS中學習，但這次選擇了比較新的WPF，而不是WInform，作為學習，第一個任務還是跟以前一樣做一個掃雷遊戲。

寫在不怎麼前面的前面：本文主要分享下程式分析過程，具體的實現方法不是本文重點，對實現有問題的朋友可以自行評論區留言索要源碼或者提問^_^。

一、分析

1.遊戲分析

那進入正題，應該如何完成這個遊戲。忽略細枝末節的部分（如計時，顯示剩餘雷數，功能表列等）不說，就單說這個遊戲的主體：掃雷區。

在遊戲沒開始的時候，掃雷區放眼望去其實只有一個東西，那就是方塊...

忽略光影效果不談（是的，我又忽略了···），所有方塊的顏色都一樣，都響應相同的事件，那就是左鍵和右鍵。左鍵點開方塊，右鍵給方塊做個標記，認定為地雷。再繼續分析，方塊具有不同的種類。有的方塊點開之後周圍會有一大片方塊一起開啟。有的方塊下面是地雷，點開就GameOver。還有方塊下面是數字，代表著周圍有多少個地雷。（果然，我又忽略了滑鼠兩個鍵同時按自動開啟周圍格子和第二次右鍵可以顯示問號的功能···但其實之後會發現這個功能其實要增加也會很簡單）。

所以，先來總結下掃雷遊戲實現的核心：

1. 方塊會響應滑鼠事件（左鍵按下，左鍵單擊，右鍵按下，滑鼠移入，滑鼠移出）。

2. 方塊被點開後的效果有三種（炸彈，數字，空），其中為空白的時候會自動延伸周圍所有的方塊。

3. 方塊只能被開啟一次，之後不再響應按鍵事件。

4. 當插旗的方塊數和地雷數相等，並且每個包含地雷的方塊都被插了旗，則遊戲勝利。

5. 當包含地雷的方塊被開啟，則遊戲失敗。

2.實現技術分析

經過分析，是不是發現掃雷的的玩法其實很簡單，實現的技術也不難，全是靜態沒有動畫的存在。

方塊的表現很像一個只能按一次的按鈕（事實上，在大學的時候我就是直接繼承的按鈕控制項）。

但這一次為了能使用到更多C#相關的東西我使用了更加麻煩的自訂控制項的方式。

方塊有三種表現形式，為特殊性，但很顯然也具有共性，所以在設計的時候，我把按鈕共性抽離出來，設計成了一個抽象的基類Cube。方塊有三種類型，但因為我懶，所以把其中的兩種（空白和數字）合并為了NumCube類，包含地雷的為BombCube類，這兩個類分別繼承了Cube。

Cube的實現：

Cube類中擁有以下欄位：

ImageSource cubeNormalPicImageSource cubeOnPicImageSource cubeDownPicImageSource cubeDisablePicImageSource cubeFlagPic

這5個欄位是用來設定Cube在各個狀態所顯示的圖片的（普通，滑鼠進入，左鍵按下，失能，標記）

Bool isEnableBool isFlag

這兩個欄位就是標記Cube是否被使能和Flag

Image cubeImageHighImage cubeImageLow

這2個是兩個image控制項，作用是用來顯示圖片，之所以要2個圖片是因為旗子圖片被設計為一個疊加在Cube上的圖片。

下面再來重點講下下面2個東西：

displayCubemouseEvent

在設計中，這是兩個介面，分別用來處理滑鼠事件和方塊的展開。不同於直接在內部直接實現介面，將兩個介面設計為Cube屬性是為了能動態修改這兩個介面的實現方式，不至於每次修改都需要對Cube內的代碼進行修改，且可以實現每個不同的Cube都使用不同的代碼而不需要使用重寫，這種方式在設計模式中也叫“策略模式”。

Cube只擁有一個方法，那就是Open，但這個方法其實也是有display介面代理實現。

public void Open()   {     if (displayCube != null)     {  displayCube.Open(this);     }     }

displayCube.Open(this)之所以要把自身傳入，是因為Open方法要用到Cube自己的參數和方法。

BombCube繼承自Cube

只添加了一個欄位:

ImageSource bombPic

用來儲存地雷圖片.

NumCube 繼承自Cube

Int bombNum

用來記錄方塊周圍有多少個BombCube，當其為0的時候，NumCube就是顯示為空白的方塊。

添加了一個組件lable用來顯示數字Text。

interface的實現

分別為每種Cube設計了一種介面的實現方式，使用這種方式，若後期需要改為動畫顯示，也只需要實現一個動畫的介面，賦值給對應的Cube就可以了。

二、實現

控制項繼承：

Wpf進行控制項繼承的時候需要注意，被繼承的控制項不能有xaml。

在繼承的時候，xaml中需要加入如下語句：

< myTypes:Cube x:Class="掃雷.UserControl.NumCube"xmlns=" http:// schemas.microsoft.com/w infx/2006/xaml/presentation "xmlns:x=" http:// schemas.microsoft.com/w infx/2006/xaml "xmlns:mc=" http:// schemas.openxmlformats.org /markup-compatibility/2006 "xmlns:d=" http:// schemas.microsoft.com/e xpression/blend/2008 "mc:Ignorable="d"xmlns:myTypes="clr-namespace:掃雷.UserControl"d:DesignHeight="18" d:DesignWidth="18">

Cube 滑鼠事件的實現：

滑鼠事件主要是在各個事件中實現對Cube圖片的變換，例如滑鼠移出事件

public void MouseLeaveCube(object sender, MouseEventArgs e)   {       BombCube bombCube = sender as BombCube;      if (bombCube.IsEnable)      {  isClicking = false;  bombCube.cubeImageLow.Source =  bombCube.cubeNormalPic;      }   }

關於地雷位置的產生演算法實現：

遊戲很重要的一個方面是，每次地雷的位置應該不同。很容易想到應該用隨機數來產生地雷的位置。這就需要隨機產生N個不相同的座標。本程式的實現方法是建立一個list<int>，之後使用隨機數在0-sizeX * sizeY - 1之間隨機產生一個數，檢查list中是否包含該數字，若不包含則添加進list，直到list擁有N個元素停止。

List<int> BombIndexList=new List<int>();      Random ran = new Random();      do      { int bombIndex = ran.Next(0,sizeX * sizeY - 1); if(!BombIndexList.Contains(bombIndex)) {  BombIndexList.Add(bombIndex); } else {   continue; }     } while (BombIndexList.Count < BombNum);IndexList = BombIndexList;

之後根據產生的list來確定座標上應該是NumCube還是BombCube

for (int y = 0; y < sizeY; y++)     { for (int x = 0; x < sizeX;x++) {  //cube屬性設定  if(bombIndexList.Exists((int temp) => temp == x + y * cubeX))  {   cubexMatrix[x, y] =bombCubeList[bombIndex++];  }  else  {   numCubeList[numIndex].Text ="";   cubexMatrix[x, y] =numCubeList[numIndex++];  }  cubexMatrix[x, y].IsFlag =false;  cubexMatrix[x, y].Margin =new Thickness(x * 18, y * 18, 0, 0);  cubexMatrix[x, y].IsEnable = true;  SetCubeBombNum(cubexMatrix,cubeX, cubeY);  bombGrid.Children.Add(cubexMatrix[x, y]);          }     }

如何讓空白Cube開啟以後會開啟周圍的Cube：

因為這種開啟檔案有點類似於遞迴，需要有傳染性（即若開啟的也是空白Cube，則其也應該開啟周圍的Cube），所以執行該事件的時候一定要具有周圍Cube的資訊（即能擷取到周圍的控制項）。

擷取周圍的Cube的方法有兩種：

1.儲存Cube自身的位置，並擷取所有Cube的位置

2.儲存周圍Cube的資訊

我使用的是第二種方式，之前Cube類中的Cubelist就是用來儲存周圍Cube的資訊的。通過CubeList找到周圍Cube，並觸發他們的左鍵單擊事件。

public void MouseLeftButtonUp(object sender, MouseButtonEventArgs e){  NumCube numCube = sender as NumCube;  if (numCube.IsEnable && numCube.IsFlag == false)  {    // 完成在控制項上點擊    if (isClicking)    {      isClicking = false;      numCube.IsEnable = false;      if (numCube.BombNum != 0)        numCube.Text = Convert.ToString(numCube.BombNum);      else      {        foreach (Cube cubeTemp in numCube.CubeList)        {          MouseButtonEventArgs args = new MouseButtonEventArgs(Mouse.PrimaryDevice, 0, MouseButton.Left);          args.RoutedEvent = Cube.MouseLeftButtonDownEvent;          cubeTemp.RaiseEvent(args);          args.RoutedEvent = Cube.MouseLeftButtonUpEvent;          cubeTemp.RaiseEvent(args);        }      }    }  }}

一些小技巧：

1.可以把一些圖片的修改放在屬性的set內，例如disable的圖片。

public bool IsEnable{  get { return isEnable; }  set   {     isEnable = value;    if (isEnable)    {      if (cubeNormalPic != null)        cubeImageLow.Source = cubeNormalPic;    }    else    {      if (cubeDisablePic != null)        cubeImageLow.Source = cubeDisablePic;    }  }}

2.Wpf建立控制項較慢，為了提升（修改寬度長度或地雷數量之後）遊戲開始速度，應該預先建立控制項，並把控制項放入list或者arr儲存，按照需求取出。

到這掃雷遊戲的製作就沒什麼難度技術上的難度的，只需要通過百度瞭解一些WPF常用的事件，控制項，xalm相關的知識就能做出一個掃雷遊戲啦。相關源碼就不發在這了，需要的朋友可以評論中找我，這次遊戲製作讓我對物件導向的基本編程方法的瞭解有了一個很大的提升，下次應該就可以在Unity中做遊戲啦 哈哈。