教程：自定义数学测验 WinForms 应用

项目
04/20/2023

在本系列的四个教程中，你将创建一个数学测验。测验包含四个随机数学问题，测验者需要尝试在指定的时间内回答这些问题。

本教程介绍如何通过清除默认值和自定义控件的外观来强化测验。

在此最后一个教程中，你将了解如何：

添加事件处理程序以清除默认的 NumericUpDown 控件值。
自定义测验。

先决条件

本教程基于前面的教程（从创建数学测验 WinForms 应用开始）构建。如果尚未完成这些教程，请先完成这些教程。

为 NumericUpDown 控件添加事件处理程序

测验包含测验者用于输入数字的 NumericUpDown 控件。输入答案时，需要先选择默认值，或手动删除该值。通过添加 Enter 事件处理程序，可以更轻松地输入答案。当测验对象选择每个 NumericUpDown 控件中的当前值并开始输入其他值时，此代码将立即选中并清除该当前值。

选择窗体上的第一个 NumericUpDown 控件。在“属性”对话框中，选择工具栏上的“事件”图标。

$Screenshot that shows the toolbar of the Properties dialog box. An icon that contains a lightning bolt is called out.$

“属性”中的“事件”选项卡显示窗体中所选项的所有可响应的事件。在这种情况下，列出的所有事件都与 NumericUpDown 控件相关。
选择“Enter”事件，输入“answer_Enter”，然后按 Enter 键。

$Screenshot that shows the Properties dialog box with the Enter event selected. The method box contains answer_Enter.$

代码编辑器将出现并显示你为 sum NumericUpDown 控件创建的 Enter 事件处理程序。

在“answer_Enter”事件处理程序的方法中，添加以下代码：

private void answer_Enter(object sender, EventArgs e)
{
    // Select the whole answer in the NumericUpDown control.
    NumericUpDown answerBox = sender as NumericUpDown;

    if (answerBox != null)
    {
        int lengthOfAnswer = answerBox.Value.ToString().Length;
        answerBox.Select(0, lengthOfAnswer);
    }
}

''' <summary> 
''' Modify the behavior of the NumericUpDown control
''' to make it easier to enter numeric values for
''' the quiz.
''' </summary> 
Private Sub answer_Enter(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles sum.Enter

    ' Select the whole answer in the NumericUpDown control.
    Dim answerBox = TryCast(sender, NumericUpDown)

    If answerBox IsNot Nothing Then
        Dim lengthOfAnswer = answerBox.Value.ToString().Length
        answerBox.Select(0, lengthOfAnswer)
    End If

End Sub

重要

使用此页右上角的编程语言控件查看 C# 代码片段或 Visual Basic 代码片段。

Programming language control for Microsoft Learn

在此代码中：

第一行声明该方法。它包含名为 sender 的参数。在 C# 中，该参数为 object sender。在 Visual Basic 中，它为 sender As System.Object。此参数引用已触发其事件的对象，即发送方。在此示例中，发送方对象为 NumericUpDown 控件。
方法中的第一行将发送方从泛型对象强制转换或转换为 NumericUpDown 控件。该行还将名称“answerBox”分配给 NumericUpDown 控件。窗体上的所有 NumericUpDown 控件都将使用此方法，而不只是加法问题的控件。
下一行验证 answerBox 是否已成功地强制转换为一个 NumericUpDown 控件。
if 语句中的第一行确定 NumericUpDown 控件中当前答案的长度。
if 语句中的第二行使用答案长度来选择控件中的当前值。

当测验者选择此控件时，Visual Studio 将触发此事件。此代码将选择当前答案。一旦测验者开始输入其他答案，当前的答案将被清除并替换为新答案。

在“Windows 窗体设计器”中，再次选择加法问题的 NumericUpDown 控件。
在“属性”对话框的“事件”页中，找到“Click”事件，然后从下拉列表中选择“answer_Enter”。这是你刚添加的事件处理程序。
在“Windows 窗体设计器”中，选择减法问题的 NumericUpDown 控件。
在“属性”对话框的“事件”页中，找到“Enter”事件，然后从下拉列表中选择“answer_Enter” 。这是你刚添加的事件处理程序。对“Click”事件重复此步骤。
对乘法和除法 NumericUpDown 控件重复上述两个步骤。

运行应用

保存并运行程序。
开始测验，然后选择 NumericUpDown 控件。系统将自动选中现有值，然后在你开始输入其他值时自动清除现有值。

$Screenshot that shows the quiz app with four random math problems. The default answer to the first problem is selected.$

自定义测验

在本教程的最后一部分中，你将了解一些自定义测验和扩展所学内容的方式。

更改标签的颜色

使用“timeLabel”控件的“BackColor”属性，使此标签在测验只剩下 5 秒时变为红色。
- C#
- VB
```
timeLabel.BackColor = Color.Red;
```
```
timeLabel.BackColor = Color.Red
```
当测验结束时重置颜色。

为正确答案播放声音

当测验参加者在 NumericUpDown 控件中输入正确答案时，通过播放声音来进行提示。为实现此功能，请为每个控件的 ValueChanged 事件编写事件处理程序。每当测验者更改控件的值时，此类事件便会触发。

后续步骤

祝贺！你已完成本系列教程。你已在 Visual Studio IDE 中完成以下编程和设计任务：

创建了一个使用 Windows 窗体的 Visual Studio 项目
添加标签、按钮和 NumericUpDown 控件
添加计时器
为控件设置事件处理程序
编写了 C# 或 Visual Basic 代码来处理事件

继续学习另一个关于如何构建匹配游戏的教程系列。

教程 3：创建匹配游戏

通过