步骤 1:创建项目并向窗体添加标签

创建数学测验的第一步是创建项目并向窗体添加标签。

创建项目并向窗体添加标签

  1. 在**“文件”菜单上,单击“新建项目”**。

  2. 如果没有使用 Visual Studio 学习版,您需要先选择一种语言。从**“安装的模板”列表中选择“C#”“Visual Basic”**。

  3. 单击**“Windows 窗体应用程序”**图标,然后键入“Math Quiz”作为名称。

  4. 设置窗体属性:

    1. 将窗体的**“Text”属性更改为“数学测验”**。

    2. 通过使用**“Size”**属性将大小更改为 500 像素宽和 400 像素高,或者拖动窗体直到您在集成开发环境 (IDE) 的左下角看到合适的大小。

    3. 若要阻止用户更改窗体的大小,请将**“FormBorderStyle”属性设置为“Fixed3D”,并将“MaximizeBox”属性设置为“False”**。

  5. 将 Label 控件从工具箱中拖出,然后设置其属性:

    1. 将**“(Name)”属性更改为“timeLabel”**。此标签将以一个框的形式出现在窗体的右上角,其中显示测验的倒计时秒数。

    2. 将**“AutoSize”属性更改为“False”**,这样您便可以自行调整该框的大小。

    3. 将**“BorderStyle”属性更改为“FixedSingle”**以在该框的周围绘制线条。

    4. 将**“Size”属性设置为“200, 30”**。

    5. 将该标签拖动到窗体的右上角直到出现蓝色分隔线。

    6. 通过单击**“属性”窗口中的“Text”并按 Backspace 键,清除“Text”**属性。

    7. 将字号更改为**“15.75”。单击“属性”窗口中“Font”属性旁边的加号,这将显示包括“Size”**属性在内的多个属性,如下图所示。

      显示字号的“属性”窗口

      显示字号的“属性”窗口

  6. 接下来,将另一个 Label 控件从工具箱中拖出,然后设置其属性:

    1. 将字号更改为**“15.75”**。

    2. 将**“Text”属性设置为“剩余时间”**。

    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 sum 控件。

    3. 将**“TabIndex”属性设置为“2”**。

    4. 设置其他 NumericUpDown 控件:将 difference 控件的**“TabIndex”属性设置为“3”,将 product 控件的“TabIndex”属性设置为“4”,将 quotient 控件的“TabIndex”属性设置为“5”**。此时窗体的外观应与下图类似。

      初始的数学测验窗体

      初始数学测验窗体

    说明说明

    “TabIndex”属性用于在用户按 Tab 键时设置控件的顺序。打开任意对话框(例如,从“文件”菜单中选择“打开”)并按 Tab 键几次。观察每当您按 Tab 键时,光标是如何从一个控件移动到另一个控件的。如果窗体最初经过了设计,则此顺序是由程序员决定的。

  14. 若要查看**“TabIndex”**属性的工作方式,请保存并运行程序,然后按 Tab 键几次。

继续或查看