VB2010入门实例1

教程1：创建图片查看器
Visual Studio 2010
其他版本
25（共34）对本文的评价是有帮助- 评价此主题
在本教程中，您将生成一个从文件加载图片并将其显示在窗口中的程序。

您将学习如何拖动控件（如窗体上的按钮和图片框）、设置控件属性，以及如何使用容器来平滑地调整窗体的大小。

您还将开始编写代码。

您将学习如何：
∙创建新项目。

∙测试（调试）应用程序。

∙向窗体中添加基本控件（如复选框和按钮）。

∙使用布局在窗体上定位控件。

∙向窗体中添加“打开文件”和“颜色”对话框。

∙使用IntelliSense 和代码段编写代码。

∙编写事件处理程序方法。

当您完成时，程序将类似下图所示。

在本教程中创建的图片
说明
步骤1：创建Windows 窗体应用程序项目
创建Windows 窗体应用程序项目
1.在“文件”菜单上，单击“新建项目”。

2.如果没有使用Visual Studio 学习版，您需要先选择一种语言。

从“安装的模板”列表中选择“C#”或“Visual
Basic”。

3.单击“Windows 窗体应用程序”图标，输入“PictureViewer”作为名称，然后单击“确定”。

Visual Studio 将自
动为您创建解决方案。

4.在“文件”菜单上，单击“全部保存”；或者在工具栏上单击“全部保存”按钮，此按钮如下所示。

“全部保存”工具栏按钮
说明
5.确保项目保存在“我的文档”文件夹下的某个文件夹中。

6.确认选中“创建解决方案的目录”复选框。

7.单击“保存”。

说明
您可能已经注意到“解决方案”和“项目”这两个词具有不同的含义，本教程稍后将对此进行解释。

下图显示IDE 窗口应具有的外观。

IDE 窗口
8.如果您的屏幕与上面的图片不太一样，请在“窗口”菜单上，单击“重置窗口布局”。

如果缺少任何窗口，请在“视
图”菜单上，单击“属性窗口”或“解决方案资源管理器”。

如果有多余的窗口打开，请单击右上角的“关闭”(x) 按钮。

9.查看图片。

从左上角开始沿逆时针方向，图片将依次显示：
∙主窗口您可在此处执行大部分的工作。

通过此窗口可以使用窗体并编辑代码。

当前，此窗口在“窗体编辑器”中显示一个窗体。

在此窗口的顶部有两个选项卡：“起始页”选项卡和“Form1.cs [设计]”选
项卡。

（在Visual Basic 中，后缀名是 .vb 而不是 .cs。

）
∙“解决方案资源管理器”窗口在此处显示解决方案中的所有文件。

如果单击某个文件，则“属性”窗口中的信息将发生改变。

如果双击某个代码文件（在Visual C# 中以 .cs 结尾，在Visual Basic 中以 .vb
结尾），则该代码文件或用于该代码文件的设计器将打开。

∙“属性”窗口您可在此处更改您在其他窗口中选定的项的属性。

说明
步骤2：运行程序
一旦创建新的解决方案，实际上就生成了所运行的程序。

该程序并未执行其他操作，它只是显示了一个在标题栏中显示“Form1”的空窗口。

但该程序确实在运行，您即将查明这一点。

运行程序
1.按F5 键或单击如下所示的“启动调试”工具栏按钮。

启动“调试”工具栏按钮
2.IDE 将运行程序，并会显示一个窗口。

下图显示了刚生成的程序。

该程序正在运行，您很快会向它添加内容。

正在运行的Windows 窗体应用程序
3.返回IDE，并查看新工具栏。

调试工具栏
4.单击方形的“停止调试”按钮，或从“调试”菜单中单击“停止调试”。

程序将停止运行，并且窗口将关闭。

也可
以直接关闭打开的窗口来停止调试。

说明
步骤3：设置窗体属性
接下来，使用“属性”窗口来更改窗体的外观。

设置窗体属性
1.确保您查看的是Windows 窗体设计器。

在IDE 中，单击“Form1.cs [设计]”选项卡（在Visual Basic 中为
“Form1.vb [设计]”选项卡）。

2.单击窗体中的任意位置以将其选定。

查看“属性”窗口，该窗口此时应显示窗体的属性。

窗体具有各种属性。

例如，可以设置前景色和背景色、窗体顶部显示的标题文本、窗体的大小和其他属性。

说明
3.在选定窗体后，向下滚动到“属性”窗口的底部，然后找到“Text”属性。

单击“Text”，键入“图片查看器”，然
后按Enter。

此时，窗体的标题栏中将显示文本“图片查看器”，并且“属性”窗口的外观应与下图类似。

“属性”窗口
说明
4.返回Windows 窗体设计器。

单击窗体右下角的拖动柄，此拖动句柄是位于窗体右下角的小空心方形，如下
所示。

拖动句柄
拖动此拖动柄调整窗体的大小，使其更宽且更高一些。

5.查看“属性”窗口，您会发现“Size”属性已更改。

每当您调整窗体的大小时，“Size”属性都会更改。

尝试拖动
窗体以将其大小调整为大约550x350，此大小应适合于该项目。

6.重新运行程序。

按F5 键或单击如下所示的“启动调试”工具栏按钮。

启动“调试”工具栏按钮
与之前的操作一样，IDE 会生成并运行程序，并且将显示一个窗口。

7.在转到下一个步骤之前，请停止程序，因为IDE 不允许您在程序处于运行状态时更改程序。

步骤4：使用TableLayoutPanel 控件设置窗体布局
在此步骤中，将向窗体中添加一个TableLayoutPanel控件。

使用TableLayoutPanel 控件设置窗体布局
1.转到Windows 窗体设计器。

查看窗体左侧并找到“工具箱”选项卡。

将鼠标指向并悬停在“工具箱”选项卡
上，工具箱将出现。

（或者，从“视图”菜单中单击“工具箱”。

）
2.单击“容器”组旁边的加号打开该组，如下图中所示。

“容器”组
3.可以向窗体中添加类似按钮、复选框和标签这样的控件。

在工具箱中双击TableLayoutPanel控件。

当执
行此操作时，IDE 会将TableLayoutPanel控件添加到窗体中，如下图中所示。

TableLayoutPanel 控件
说明
说明
图钉图标
4.单击“TableLayoutPanel”确保选定它。

可以通过查看“属性”窗口顶部的下拉列表来验证选定哪个控件，如下
图中所示。

显示TableLayoutPanel 控件的“属性”窗口
5.控件选择器是“属性”窗口顶部的下拉列表。

在此示例中，它显示选定了名为tableLayoutPanel1的控件。

可
以通过在Windows 窗体设计器中单击或者从控件选择器中进行选择来选择控件。

选择TableLayoutPanel 之后，请找到“Dock”属性并单击“Dock”，此属性应设置为“无”。

请注意，一个下拉箭头将出现在值旁边。

单击该箭头，然后选择“Fill”按钮（中间的大按钮），如下图中所示。

选定“Fill”的“属性”窗口
6.在将TableLayoutPanel 的“Dock”属性设置为“Fill”之后，此面板将填充整个窗体。

如果再次调整窗体的大小，
则TableLayoutPanel 将保持停靠状态，并自行调整大小以适合窗体。

说明
说明
7.TableLayoutPanel 当前具有两个大小相等的行和两个大小相等的列。

您需要调整它们，以使顶部行和右侧列
更大一些。

在Windows 窗体设计器中选择“TableLayoutPanel”。

在右上角有一个小的黑色三角形按钮，如下所示。

三角形按钮
此按钮指示该控件具有帮助您自动设置其属性的任务。

8.单击该三角形可显示控件的任务列表，如下图中所示。

TableLayoutPanel 任务
9.单击“编辑行和列”任务以显示“列和行样式”窗口。

单击“Column1”，确保选中“百分比”按钮并在“百分比”框
中输入15，将此控件的大小设置为15%。

（这是将在后面的教程中使用的NumericUpDown控件。

）单击“Column2”并将其设置为85%。

先不要单击“确定”按钮，因为这将关闭此窗口。

（但如果这样做，您可以使用任务列表重新打开它。

）
10.从窗口顶部的“显示”下拉列表中单击“行”。

将“Row1”设置为90% 并将“Row2”设置为10%。

11.单击“确定”。

现在，TableLayoutPanel 应具有一个大的顶部行、一个小的底部行、一个小的左侧列和一个大
的右侧列。

可以在TableLayoutPanel 中拖动这些行和列的边框来调整其大小。

步骤5：向窗体添加控件
在此步骤中，将向窗体添加控件（如PictureBox控件和CheckBox控件）。

然后向窗体添加按钮。

向窗体添加控件
1.转到工具箱，并展开“公共控件”组。

这将显示窗体上最常见的控件。

2.双击PictureBox控件。

IDE 会将一个PictureBox控件添加到窗体中。

由于将停靠TableLayoutPanel 以
填充窗体，因此IDE 会向第一个空单元格添加PictureBox控件。

3.单击新的PictureBox控件上的黑色三角形以显示其任务列表，如下图所示。

PictureBox 任务
说明
4.单击“在父容器中停靠”链接。

这会自动将PictureBox 的“Dock”属性设置为“Fill”。

若要查看此情况，请单
击PictureBox控件以将其选定，转到“属性”窗口，并确保将“Dock”属性设置为“Fill”。

5.更改PictureBox 的“ColumnSpan”属性，使PictureBox 跨两个列。

选择PictureBox控件并将其
“ColumnSpan”属性设置为“2”。

此外，当PictureBox 为空时，您需要显示一个空框架。

将其“BorderStyle”
属性设置为“Fixed3D”。

6.将CheckBox控件添加到窗体。

双击工具箱中的“CheckBox”项，使IDE 向表中的下一个空白单元格添加
新的CheckBox控件。

由于PictureBox 占据了前两个单元格，因此该CheckBox控件将添加到左下方的单元格。

选中该新的CheckBox控件，并将其“Text”属性设置为“拉伸”，如下图所示。

具有“拉伸”属性的TextBox 控件
7.转到工具箱中的“容器”组（其中包含TableLayoutPanel控件），并双击“FlowLayoutPanel”项以将一个新
控件添加到PictureBox 的最后一个单元格中。

然后将其停靠在父容器中（通过从任务列表中选择“在父容器中停靠”或通过将其“Dock”属性设置为“Fill”）。

说明
添加按钮
1.选择已添加的FlowLayoutPanel。

转到工具箱中的“公共控件”，然后双击“Button”图标以将一个名为
“button1”的按钮添加到FlowLayoutPanel 中。

重复上述操作以添加另一个按钮。

IDE 确定已存在名为
“button1”的按钮，并会将下一个按钮命名为“button2”。

说明
2.通常，使用工具箱来添加其他按钮。

这一次单击“button2”，然后在“编辑”菜单上，单击“复制”（或按Ctrl+C）。

在“编辑”菜单上，单击“粘贴”（或按Ctrl+V）粘贴该按钮的副本。

此时再次粘贴该副本。

IDE 此时已添加“button3”和“button4”。

说明
3.选择第一个按钮，并将其“Text”属性设置为“显示图片”。

然后分别将后面的三个按钮的“Text”属性设置为“清
除图片”、“设置背景色”和“关闭”。

4.下一步是调整这些按钮的大小并对它们进行排列，使它们与面板的左侧对齐。

选择FlowLayoutPanel 并查看
其“FlowDirection”属性。

将该属性更改为“RightToLeft”。

一旦执行此操作，这些按钮会自行与单元格的右侧对齐，并颠倒其顺序，以使“显示图片”按钮位于右侧。

说明
5.单击“关闭”按钮以将其选定。

按住Ctrl 键并单击其他三个按钮，使它们都处于选定状态。

在选定所有这些
按钮后，转到“属性”窗口，然后向上滚动到“AutoSize”属性。

此属性会告知按钮自动调整自身大小以适合其所有文本。

将此属性设置为“true”。

此时这些按钮应具有适当大小且按照适当的顺序排列。

（只要选定所有四个按钮，就可以同时更改所有四个“AutoSize”属性。

）下图显示了这四个按钮。

包含四个按钮的图片查看器
6.此时重新运行程序以查看具有最新布局的窗体。

单击这些按钮和复选框并不会执行任何操作，但它们很快将
会起作用。

步骤6：命名按钮控件
窗体上只有一个PictureBox。

当添加此控件时，IDE 自动将其命名为“pictureBox1”。

只有一个名为“checkBox1”的CheckBox。

很快，您将编写一些代码，并且这些代码将引用到上述的CheckBox 和PictureBox。

因为上述每种控件都只有一个控件，所以当您在代码中看到“pictureBox1”或“checkBox1”时，应知道其中的含义。

说明
窗体上包含四个按钮，IDE 将它们分别命名为“button1”、“button2”、“button3”和“button4”。

只看这些按钮的当前名称，您并不知道哪个按钮是“关闭”按钮，哪个按钮是“显示图片”按钮。

这就是命名按钮控件很有用的原因了。

命名按钮控件
1.单击“关闭”按钮。

（如果您仍选择了所有按钮，请按ESC 键取消选择。

）在“属性”窗口中滚动，直到看到
“(Name)”属性。

（当属性按字母顺序排列时，“(Name)”属性位于顶部附近。

）将此名称更改为“closeButton”，如下图中所示。

包含closeButton 名称的“属性”窗口
2.将其他三个按钮重命名为“backgroundButton”、“clearButton”和“showButton”。

可以通过单击“属性”窗
口中的控件选择器下拉列表，来验证这些名称。

新的按钮名称将出现。

3.在“Windows 窗体设计器”中双击“显示图片”按钮。

当执行此操作时，IDE 将在主窗口中打开一个称为
“Form1.cs”选项卡的新选项卡，如下图中所示。

使用Visual C# 代码的Form1.cs 选项卡
4.重点考虑这一部分的代码。

VB
Private Sub showButton_Click() Handles showButton.Click
End Sub
您需要查找一个称为showButton_Click()的方法。

当您单击“showButton”按钮时，IDE 添加了此方法。

此方法包含单击“显示图片”按钮时运行的代码。

5.转到设计器选项卡（在Visual C# 中为“Form1.cs [设计]”选项卡，在Visual Basic 中为“Form1.vb [设计]”
选项卡），并双击“清除图片”按钮。

对于最后两个按钮，重复此操作。

IDE 每次都会向窗体的代码中添加一个新方法。

6.若要再添加一个方法，请双击Windows 窗体设计器中的CheckBox控件，以使IDE 添加
checkBox1_CheckedChanged()方法。

每当用户选中或清除此复选框时都会调用此方法。

说明
7.下面显示了您在代码编辑器中看到的新代码。

VB
Private Sub clearButton_Click() Handles clearButton.Click
End Sub
Private Sub backgroundButton_Click() Handles backgroundButton.Click
End Sub
Private Sub closeButton_Click() Handles closeButton.Click
End Sub
Private Sub CheckBox1_CheckedChanged() Handles CheckBox1.CheckedChange
End Sub
说明说明
步骤7：向窗体添加对话框组件
为了准备好设置“打开文件”对话框和“颜色”对话框（用于选择背景色），在此步骤中，将向窗体添加“OpenFileDialog”组件和“ColorDialog”组件。

组件在某些方面与控件相似。

使用工具箱向窗体添加一个组件，然后使用“属性”窗口设置该组件的属性。

但与控件不同，向窗体添加组件不会添加用户可从窗体中查看的可见项。

相反，这将提供可使用代码触发的某些行为。

此组件是一个可打开“打开文件”对话框的组件。

向窗体添加对话框组件
1.转到Windows 窗体设计器，然后打开工具箱中的“对话框”组。

说明
2.若要向窗体添加一个名为“openFileDialog1”的组件，请双击“OpenFileDialog”。

若要向窗体添加一个名为
“colorDialog1”的组件，请双击工具箱中的“ColorDialog”。

（将在下一个教程步骤中使用后一个组件。

）Windows 窗体设计器的底部应出现一个灰色框，其中包含与已添加的两个对话框组件对应的图标，如下图所示。

对话框组件
3.转到Windows 窗体设计器，然后单击该设计器底部的灰色框中的“openFileDialog1”图标。

设置以下两个
属性：
∙将“Filter”属性设置为以下内容（可以复制并粘贴此内容）：“JPEG Files (*.jpg)|*.jpg|PNG Files (*.png)|*.png|BMP Files (*.bmp)|*.bmp|All files (*.*)|*.*”
∙将“Title”属性设置为以下内容：“选择一个图片文件”
说明
步骤8：为“显示图片”按钮事件处理程序编写代码
在此步骤中，将生成按如下所示工作的“显示图片”按钮：
∙当用户单击此按钮时，程序会打开“打开文件”对话框。

∙如果用户选择一个图片文件，则程序会在PictureBox 中显示该图片。

IDE 提供一种名为IntelliSense 的强大工具，可帮助您编写代码。

当您输入代码时，IDE 会打开一个框，其中显示与您所输入的部分单词对应的完整建议内容。

它尝试确定您接下来要做的事情，并自动跳到您从列表中选择的最后一项。

您可以使用向上键或向下键在列表中进行移动，也可以继续键入字母以缩小选择范围。

当您看到所需的选项时，按Tab 键可将其选中。

或者，也可以忽略不需要的建议。

为“显示图片”按钮事件处理程序编写代码
1.转到“Windows 窗体设计器”，并双击“显示图片”按钮。

IDE 将立即转到代码设计器，并将光标移动到您之前
添加的showButton_Click()方法内。

2.在两个大括号{ } 之间的空行上键入一个i。

（在Visual Basic 中，应在Private Sub… 与End Sub 之间的
空行上键入。

）“IntelliSense”窗口随即打开，如以下图片中所示。

使用Visual C# 代码的IntelliSense
3.“IntelliSense”窗口应该会突出显示“if”一词。

（如果没有，请输入小写的f，它将突出显示。

）请注意
“IntelliSense”窗口旁边的黄色工具提示将如何显示“if 语句的代码段”。

（在Visual Basic 中，该工具提示还指明这是一个代码段，但用词会略有不同。

）您需要使用此代码段。

按Tab 键将“if”插入到您的代码中。

然后再次按Tab 键即可使用“if”代码段。

（如果单击其他位置后“IntelliS ense”窗口消失，那么请按
Backspace 删除“i”并重新键入它，此时“IntelliSense”窗口将再次打开。

）
Visual C# 代码
4.接下来，使用IntelliSense 输入更多代码以打开“打开文件”对话框。

如果用户单击了“确定”按钮，则
PictureBox 会加载用户选择的文件。

下面的步骤演示如何输入代码，尽管步骤很多，但只需几次击键即可完成：
a.从代码段中的选定文本“true”开始。

键入op将其覆盖。

（在Visual Basic 中，首字母需要大写，
因此键入Op。

）
b.“IntelliSense”窗口打开并显示“openFileDialog1”。

按Tab 将其选中。

（在Visual Basic 中，因
为首字母大写，所以您会看到“OpenFileDialog1”。

确保“OpenFileDialog1”已选中。

）
c.键入句点(.)（许多程序员称此符号为点）。

由于您在紧接在“openFileDialog1”的后面键入了一个句
点，因此“IntelliSense”窗口将打开，其中填充有“OpenFileDialog”组件的所有属性和方法。

当在
“Windows 窗体设计器”中单击该组件时，“属性”窗口中会显示相同的属性。

还有一些方法会告知组
件要执行的操作（例如打开对话框）。

说明
“方法”图标
“属性”图标
“事件”图标
d.开始键入ShowDialog（是否大写对于IntelliSense 来说不重要）。

ShowDialog()方法将显示“打
开文件”对话框。

在窗口突出显示“ShowDialog”之后，按Tab。

e.当对控件或组件使用方法（称为“调用方法”）时，需要添加圆括号。

因此，请输入左括号和右括号()
说明
f.对于Visual C#，添加一个空格，然后添加两个等号(==)。

对于Visual Basic，添加一个空格，然后
使用单个等号(=)。

（Visual C# 和Visual Basic 使用不同的相等运算符。

）
g.添加另一个空格。

一旦您这样做之后，另一个“IntelliSense”窗口将打开。

开始键入DialogResult，
然后按Tab 来添加它。

说明
h.键入一个点以在“IntelliSense”窗口中打开DialogResult 值。

输入字母O，然后按Tab 以插入“OK”。

说明
i.现在，再添加一行代码。

可以键入或者复制并粘贴此行代码，但是应考虑使用IntelliSense 来添加
代码。

您对IntelliSense 越熟悉，您就可以越快地编写自己的代码。

最终的showButton_Click()方法如下所示。

VB
Private Sub showButton_Click() Handles showButton.Click
If OpenFileDialog1.ShowDialog() = DialogResult.OK Then
PictureBox1.Load(OpenFileDialog1.FileName)
End If
End Sub
步骤9：检查代码、为代码添加注释和测试代码
在向代码添加注释并测试代码之前，请先花点时间了解一些代码概念，因为您将会频繁使用这些概念：
∙在双击Windows 窗体设计器中的“显示图片”按钮后，IDE 会自动将一个方法添加到程序的代码中。

∙方法是指组织代码的方式：它指明如何将代码组合在一起。

∙大多数情况下，一个方法会按特定顺序执行少量操作，如showButton_Click()方法会显示对话框，然后加载图片。

∙一个方法由多个语句构成。

可以将方法视为一种将多个语句捆绑在一起的方式。

∙在执行或调用某个方法时，将按顺序依次执行该方法中的各个语句（从第一个语句开始）。

下面是一个语句示例。

C#
pictureBox1.Load(openFileDialog1.FileName);
pictureBox1.Load(openFileDialog1.FileName)
语句用于指示程序执行操作。

在Visual C# 中，语句始终以分号结束。

在Visual Basic 中，行的结尾即为语句的结尾。

（Visual Basic 中不需要使用分号。

）前面的语句将告知PictureBox控件下载用户使用
“OpenFileDialog”组件选择的文件。

接下来，将向代码添加注释。

注释是一个说明，它不会更改程序的行为。

它使用户更易于理解代码的行为。

在Visual C# 中，可用两个正斜杠(//) 将一行标记为一个注释。

在Visual Basic 中，可用一个单引号(') 将一行标记为一个注释。

添加注释后即可测试您的程序。

您刚才构建了可用的程序，虽然尚未完成，但已能够下载图片。

添加注释
1.添加以下内容。

VB
Private Sub showButton_Click() Handles showButton.Click
' Show the Open File dialog. If the user clicks OK, load the
' picture that the user chose.
If OpenFileDialog1.ShowDialog() = DialogResult.OK Then
PictureBox1.Load(OpenFileDialog1.FileName)
End If
End Sub
说明
说明
2.在运行程序之前，通过单击如下所示的“全部保存”工具栏按钮保存程序。

“全部保存”按钮
或者，从“文件”菜单中单击“全部保存”来保存程序。

最佳做法是尽早且经常保存。

当程序运行时，其外观应与下图类似。

图片查看器
测试程序
1.按F5 键或单击“启动调试”工具栏按钮。

2.单击“显示图片”按钮运行您刚才编写的代码。

首先，该程序会打开“打开文件”对话框。

确认在该对话框底部
的“文件类型”下拉列表中会出现筛选器。

然后，定位到一张图片并将其打开。

通常可以在“我的文档”文件夹内的“图片收藏\示例图片”文件夹中找到Windows 操作系统附带的示例图片。

3.加载一张图片后，此图片会在PictureBox 中出现。

然后尝试调整窗体的大小。

由于已将PictureBox 停靠
在TableLayoutPanel 内部，而TableLayoutPanel 自身停靠在窗体内部，因此图片区域将自行调整大小，使自身的宽度与窗体的宽度相同，并占据窗体上部空间的90%。

这就是使用TableLayoutPanel 容器和
FlowLayoutPanel 容器的原因：当用户调整窗体的大小时，二者可以使窗体具有适当的大小。

步骤10：创建其他按钮和复选框
现在，您可以完成其他四个方法了。

虽然您可以复制并粘贴此代码，但是若想从此教程中学些到最多的内容，那么请键入代码并使用IntelliSense。

说明
创建其他按钮和复选框
添加下列代码。

VB
Private Sub clearButton_Click() Handles clearButton.Click
' Clear the picture.
PictureBox1.Image = Nothing
End Sub
Private Sub backgroundButton_Click() Handles backgroundButton.Click
' Show the color dialog box. If the user clicks OK, change the
' PictureBox control's background to the color the user chose.
If ColorDialog1.ShowDialog() = DialogResult.OK Then
PictureBox1.BackColor = ColorDialog1.Color
End If
End Sub
Private Sub closeButton_Click() Handles closeButton.Click
' Close the form.
Close()
End Sub
Private Sub CheckBox1_CheckedChanged() Handles CheckBox1.CheckedChanged
' If the user selects the Stretch check box, change
' the PictureBox's SizeMode property to "Stretch". If the user
' clears the check box, change it to "Normal".
If CheckBox1.Checked Then
PictureBox1.SizeMode = PictureBoxSizeMode.StretchImage
Else
PictureBox1.SizeMode = PictureBoxSizeMode.Normal
End If
End Sub
步骤11：运行程序并试用其他功能
您的程序已完成并已做好运行准备。

可以运行程序并设置背景色。

若要了解更多信息，请尝试通过以下操作来改进程序：更改窗体的颜色、自定义按钮和复选框以及更改窗体的属性。

运行程序并设置背景色
1.按F5 或单击“启动调试”工具栏按钮。

2.在打开图片之前，请单击“设置背景色”按钮。

随即打开“颜色”对话框。

“颜色”对话框
3.选择一种要设置为PictureBox 背景色的颜色。

仔细查看backgroundButton_Click()方法以了解其工作原
理。

说明
4.单击“清除图片”按钮以确保清除图片。

然后，通过单击“关闭”按钮退出程序。

尝试其他功能
∙使用“BackColor”属性更改窗体和按钮的颜色。

∙使用“Font”和“ForeColor”属性自定义按钮和复选框。

∙更改窗体的“FormBorderStyle”和“ControlBox”属性。

∙使用窗体的“AcceptButton”和“CancelButton”属性可使得在用户按Enter 或Esc 键时自动单击这些按钮。

使程序在用户按Enter 时打开“打开文件”对话框，并在用户按Esc 时关闭此对话框。