步驟 1：建立專案並將面板加入至表單

建立迷宮遊戲的第一個步驟就是建立專案並將 [Panel] 容器加入至表單。

本主題的影像版本，請參閱教學課程 2： Visual Basic-視訊 1 中建立，當然 或 教學課程 2： 在 C#-影片 1 中建立，當然。

若要建立專案並加入 Panel 容器

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

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

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

4. 設定表單屬性：

   1. 使用指標拖曳右下角來調整表單大小。 觀察整合式開發環境 (IDE) 的右下角。 表單大小會出現在狀態列中。 持續拖曳，直到表單的寬和高都達到 650 像素為止。 您可以建置較小或較大的迷宮，所以請將表單調整成您想要的任何大小。

      狀態列中的大小

      

   2. 當表單變成您要的大小後，將 [Text] 屬性設定為 [迷宮]。

   3. 為了不讓使用者調整表單的大小，請將 [FormBorderStyle] 屬性設定為 [Fixed3D]。

   4. 將 [MaximizeBox] 屬性設定為 [False]，停用表單標題列中的 [最大化] 按鈕。

   現在，表單的大小已固定，使用者無法放至最大。

   注意事項
   當您建立新表單時，預設會設為可讓使用者透過兩種方式來調整大小：使用者可以拖曳表單的邊緣或角落，也可以按一下 [最大化] 按鈕將表單放至最大。如果要確保使用者絕對不能調整表單大小，請將這兩個選項都停用。將 [FormBorderStyle] 屬性設定為任何固定樣式可防止使用者調整表單大小，但使用者仍然可以按一下 [最大化] 按鈕。這就是您為何也需要停用 [MaximizeBox] 屬性的原因。

   接下來，您想要建立遊戲場，也就是建置迷宮的地方。 您使用 Panel 控制項以達成此目標。 面板是一種容器控制項，可讓您配置一組控制項。 與其他一些容器 (例如 [TableLayoutPanel] 容器和 [FlowLayoutPanel] 容器) 不同，面板不會重新排列它包含的控制項。 這樣可讓您自由將控制項放在您要的任何位置，但與 TableLayoutPanel 或 FlowLayoutPanel 不同，當使用者調整視窗大小時，面板就沒有用處。

5. 移至 [工具箱] 中的 [容器] 群組，按兩下 [Panel] 將面板加入至表單。 選取面板後，您應該會看到其左上角的移動控制軸圖示，如下所示。

   移動控制軸

   

6. 拖曳面板，直到稍微偏離表單左上角為止。 拖曳時，您應該會發現 IDE 有一個很有用的功能：當面板與表單的上緣或左緣之間達到一段距離時，面板會貼齊，且面板邊緣與表單邊緣之間會出現藍色分隔線。 您可以利用此功能輕鬆地對齊面板，讓面板的所有邊緣與表單的邊緣之間剛好相隔完全相同的距離。 當您看到上方和左邊藍色分隔線時，立即放開滑鼠按鈕將面板放到定位。 藍色分隔線如下所示。

   藍色分隔線

   

   拖曳右下方拖曳控點，直到面板的右邊和底部對齊為止。

7. 因為您想要讓使用者看到迷宮的邊界，所以您需要提供可見的框線。 選取面板，將其 [BorderStyle] 屬性設定為 [Fixed3D]。

8. 按一下 [全部儲存] 工具列按鈕儲存專案，如下所示。

   全部儲存按鈕

   

9. 若要執行程式，請按下 F5 鍵或按一下 [開始偵錯] 工具列按鈕，如下所示。

   啟動偵錯工具列按鈕

   

   程式執行時，表單看起來應該類似下列圖片。

   初始迷宮表單

   

10. 在繼續下一個教學課程步驟之前，請關閉表單或按一下 [偵錯] 工具列上的 [停止偵錯] 工具列按鈕，以停止程式 (程式執行時，IDE 會保持唯讀模式)。

若要繼續或檢視

• 若要移到下一個教學課程步驟，請參閱步驟 2：使用標籤建置您的迷宮程式。

• 若要回到概觀主題，請參閱教學課程 2：建立迷宮程式。