步驟 1：建立專案並將資料表加入至表單

建立配對遊戲的第一個步驟就是建立專案並將資料表加入至您的表單。

若要建立專案並將資料表加入至表單

1. 在 [檔案] 功能表上，按一下 [新增專案]。

2. 如果您不是使用 Visual Studio Express，則必須先選取語言。 從 [已安裝的範本] 清單中選取 [C#] 或 [Visual Basic]。

3. 按一下 [Windows Form 應用程式] 圖示，然後輸入 MatchingGame 做為名稱。

4. 設定表單屬性：

   1. 將表單的 [Text] 屬性變更為 [Matching Game]。

   2. 使用 [Size] 屬性，或是拖曳直到您在整合式開發環境 (IDE) 的左下角看見正確的大小為止，以將大小變更為寬 550 x 高 550 像素。

5. 從 [工具箱] 拖曳 TableLayoutPanel 控制項，然後設定其屬性：

   1. 將 [BackColor] 屬性設定為 [CornflowerBlue]。 (選取色彩選擇器中的 [Web] 索引標籤以查看色彩名稱)。

   2. 按一下 [Dock] 屬性旁邊的下拉式按鈕，再按一下大型中間按鈕，以將該屬性設為 [Fill]。

   3. 按一下 TableLayoutPanel 右上角的三角形按鈕，以顯示工作功能表。

   4. 按一下 [加入資料列] 兩次以多加入兩個資料列，然後按一下 [加入資料行] 兩次以多加入兩個資料行。

   5. 按一下 [編輯資料列與資料行] 以開啟 [資料行和資料列樣式] 視窗。 選取每一個資料行，按一下 [百分比] 按鈕，然後將每一個資料行的寬度設為總寬度的 25%。 然後從視窗頂端的下拉式方塊中選取 [資料列]，並將每一個資料列的高度設為 25%。 按一下 [確定] 按鈕。

   您的 TableLayoutPanel 現在應該有十六個大小相等的方形欄框。

6. 確定已在表單編輯器中選取 TableLayoutPanel。 若已選取，請開啟 [工具箱] 並按兩下 [Label]，將 Label 控制項加入至左上角的方形。 Label 控制項現在應該已在 IDE 中選取。 設定其屬性：

   1. 將 [BackColor] 屬性設定為 [CornflowerBlue]。

   2. 將 [AutoSize] 屬性設定為 [False]。

   3. 將 [Dock] 屬性設定為 [Fill]。

   4. 按一下 [TextAlign] 屬性旁邊的下拉式按鈕，再按一下中間按鈕，以將該屬性設為 [MiddleCenter]。

   5. 按一下 [Font] 屬性。 應該會出現省略符號按鈕。

   6. 按一下省略符號按鈕，並將字型設定為 [Webdings 72 點粗體]。

   7. 將 [Text] 屬性設定為字母 c。

      TableLayoutPanel 中的左上角欄框現在應該包含一個大型黑色方塊 (位於藍色背景中央)。

      注意事項
      Webdings 字型是 Microsoft Windows 作業系統隨附的圖示字型。在配對遊戲中，玩家必須將圖示配對，因此您會使用此字型來顯示要配對的圖示。不要將 c 放在 [Text] 屬性中，請嘗試輸入不同字母，看看顯示的圖示為何。驚嘆號是一隻蜘蛛、大寫 N 是一顆眼球，而逗號則是一個辣椒。

7. 選取您的 Label 控制項並加以複製 (按 Ctrl + C，或從 [編輯] 功能表中按一下 [複製])。 然後將它貼上 (按 Ctrl + V，或從 [編輯] 功能表中按一下 [貼上])。 另一個標籤會顯示在 TableLayoutPanel 的第二個欄框中。 再次將它貼上，而另一個標籤會顯示在第三個欄框中。 持續貼上 Label 控制項，直到所有欄框都已填滿為止。

   注意事項
   如果您貼上的次數太多，則 IDE 會將新資料列加入至 TableLayoutPanel，讓它有位置可以加入新的 Label 控制項。您可以將它復原。若要移除新的欄框，請按 Ctrl + Z，或在 [編輯] 功能表上按一下 [復原]。

   現在您的表單已配置完成。 其外觀應該如下列圖片。

   初始配對遊戲表單

   

若要繼續或檢視

• 若要移到下一個教學課程步驟，請參閱步驟 2：加入隨機物件和圖示清單。

• 若要回到概觀主題，請參閱教學課程 4：建立配對遊戲。