共用方式為

步驟 1：建立專案並將標籤加入至表單

  • 發行項

建立數學測驗的第一個步驟就是建立專案並將標籤加入至表單。

若要建立專案並將標籤加入至表單

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

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

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

  4. 設定表單屬性：

    1. 將表單的 [Text] 屬性變更為 [數學測驗]。

    2. 使用 [Size] 屬性，或拖曳直到整合式開發環境 (IDE) 左下角出現正確大小為止，將大小變更為寬 500 像素 x 高 400 像素。

    3. 若要防止使用者變更表單的大小，請將 [FormBorderStyle] 屬性變更為 [Fixed3D]，並將 [MaximizeBox] 屬性設定為 [False]。

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

    1. 將 [(Name)] 屬性變更為 [timeLabel]。 此標籤會在表單右上角以方塊呈現，顯示測驗的倒數計時秒數。

    2. 將 [AutoSize] 屬性變更為 [False]，這樣您就可以自行調整方塊的大小。

    3. 將 [BorderStyle] 屬性變更為 [FixedSingle]，以繪製方塊周圍的框線。

    4. 將 [Size] 屬性設定為 [200, 30]。

    5. 將標籤拖曳至表單右上角，直到出現藍色分隔線為止。

    6. 按一下 [屬性] 視窗中的 [Text] 並按退格鍵，清除 [Text] 屬性。

    7. 將字型大小變更為 [15.75]。 按一下 [屬性] 視窗中的 [Font] 屬性旁邊的加號，這樣會顯示數個屬性，包括 [Size]，如下列圖片所示。

      顯示字型大小的屬性視窗

      顯示字型大小的 [屬性] 視窗

  6. 接下來，從 [工具箱] 拖曳另一個 Label 控制項，然後設定其屬性：

    1. 將字型大小變更為 [15.75]。

    2. 將 [Text] 屬性設定為 [Time Left]。

    3. 拖曳它以準確對齊 [timeLabel] 標籤的左邊。

  7. 現在，加入加法問題的控制項。 從 [工具箱] 拖曳 Label 控制項，然後設定其屬性：

    1. 將 [Text] 屬性設定為 [?] (問號)。

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

    3. 將 [Size] 屬性設定為 [60, 50]。

    4. 將字型大小變更為 [18]。

    5. 將 [TextAlign] 屬性設定為 [MiddleCenter]。

    6. 將 [Location] 屬性設定為 [75, 75]，決定它在表單上的位置。

    7. 將 [(Name)] 屬性變更為 [plusLeftLabel]。

  8. 選取 [plusLeftLabel] 標籤並複製它 (按 Ctrl + C，或從 [編輯] 功能表中選取 [複製])。 然後執行下列步驟：

    1. 將它貼上三次 (按 Ctrl + V，或從 [編輯] 功能表中選取 [貼上])。

    2. 使用分隔線將三個新標籤隔開並對齊，使方塊位於 [plusLeftLabel] 標籤右邊的資料列中。

    3. 將第二個標籤的 [Text] 屬性變更為 [+] (加號)。

    4. 將第三個標籤的 [(Name)] 屬性變更為 [plusRightLabel]。

    5. 將第四個標籤的 [Text] 屬性變更為 [=] (等號)。

  9. 從 [工具箱] 拖曳 NumericUpDown 控制項，然後執行下列步驟：

    1. 將字型大小變更為 [18]，將它變窄到寬度為 [100]。

    2. 拖曳它直到對齊加法問題的 Label 控制項為止。

    3. 將 [(Name)] 屬性變更為 [sum] (您稍後將進一步了解 NumericUpDown 控制項)。 測驗現在具有第一個資料列，如下列圖片所示。

      數學測驗的第一個資料列

      數學測驗的第一列

  10. 將加法問題中的五個控制項全部選取 (四個 Label 控制項和 NumericUpDown 控制項) 並複製它們。 然後執行下列步驟：

    1. 貼上控制項，這樣應該會將五個新的控制項加入至表單。

    2. 控制項應該維持選取著，所以您可以按一下其中一個控制項，將這些控制項全部拖曳至剛好的位置，使它們對齊加法控制項的下緣。 使用分隔線讓兩個資料列之間相隔足夠的距離。

    3. 將第二個標籤的 [Text] 屬性變更為 [–] (減號)。

    4. 將第一個問號標籤命名為 [minusLeftLabel]。

    5. 將第二個問號標籤命名為 [minusRightLabel]。

    6. 將 [NumericUpDown] 控制項命名為 [difference]。

  11. 將五個控制項再貼上兩次，然後執行下列步驟：

    1. 針對第三個資料列，將第一個標籤命名為 [timesLeftLabel]、將第二個標籤的 [Text] 屬性變更為 [×] (乘號)、將第三個標籤命名為 [timesRightLabel]，然後將 NumericUpDown 控制項命名為 [product]。

    2. 針對第四個資料列，將第一個標籤命名為 [dividedLeftLabel]、將第二個標籤的 [Text] 屬性變更為 [÷] (除號)、將第三個標籤命名為 [dividedRightLabel]，然後將 NumericUpDown 控制項命名為 [quotient]。

    注意事項注意事項

    您可以從本教學課程中複製乘號 × 和除號 ÷，再貼入 IDE 中。

  12. 表單上還需要一個控制項：開始測驗的按鈕。 從 [工具箱] 拖曳 Button 控制項，然後設定其屬性：

    1. 將 [(Name)] 屬性設定為 [startButton]。

    2. 將 [Text] 屬性設定為 [開始測驗]。

    3. 將字型大小設定為 [14]。

    4. 將 [AutoSize] 屬性設定為 [True]，這樣會使按鈕自動調整大小來容納文字。

    5. 將按鈕拖曳至表單底部，並移動變成置中對齊。

  13. 最後，按一下 startButton 控制項，然後執行下列步驟：

    1. 將 [TabIndex] 屬性設定為 [1]。

    2. 按一下 NumericUpDown 總和控制項。

    3. 將 [TabIndex] 屬性設定為 [2]。

    4. 設定其他 NumericUpDown 控制項：將差數控制項的 [TabIndex] 屬性設定為 [3]、將乘積控制項的 [TabIndex] 屬性設定為 [4]，然後將商數控制項的 [TabIndex] 屬性設定為 [5]。 現在，表單看起來應該如下列圖示所示。

      初始數學測驗表單

      初始數學測驗表單

    注意事項注意事項

    [TabIndex] 屬性的用途是設定使用者按下 TAB 鍵時的控制項順序。開啟任何對話方塊 (例如，從 [檔案] 功能表中選取 [開啟])，然後按幾次 TAB 鍵。觀察您每按一次 TAB 鍵，游標從一個控制項移至另一個控制項的情況。程式設計人員已在最初設計該表單時決定順序。

  14. 若要了解 [TabIndex] 屬性的運作方式，請儲存並執行程式，然後按幾次 TAB 鍵。

若要繼續或檢視