在此系列教程中，你将创建一个 Windows 窗体应用程序，该应用程序加载图片并显示它。 Visual Studio 集成设计环境（IDE）提供了创建应用所需的工具。
此程序包含一个图片框、一个复选框和多个按钮，用于控制应用程序。 本教程介绍如何添加这些控件。
在本第二个教程中，你将了解如何：
- 向应用程序添加控件
- 在布局面板中添加按钮
- 更改控件名称和位置
- 添加对话框组件
若要使用 .NET 创建新的 Windows 窗体应用，请按照本教程 使用 .NET创建 Windows 窗体应用。 有关详细信息，请参阅 Windows 窗体 .NET 的 桌面指南。
先决条件
- 本教程基于上一教程，创建图片查看器应用程序。 首先完成该教程，然后从为该教程创建的项目开始。
向应用程序添加控件
图片查看器应用使用 PictureBox 控件显示图片。 它使用复选框和多个按钮来管理图片和背景以及关闭应用。 在 Visual Studio IDE 中添加 PictureBox 和工具箱中的复选框。
打开 Visual Studio。 图片查看器项目显示在“打开最近使用的文件”下。
在 Windows 窗体设计器中，选择在上一教程中添加的 TableLayoutPanel。 检查 tableLayoutPanel1 是否显示在 属性 窗口中。
在 Visual Studio IDE 的左侧，选择 工具箱 选项卡。如果未看到，请从菜单栏中选择 “视图>工具箱”，或者从菜单栏或 Ctrl+Alt+X。 在“工具箱”中，展开“公共控件”。
双击“PictureBox”，将 PictureBox 控件添加到窗体。 Visual Studio 将 PictureBox 控件添加到 TableLayoutPanel 的第一个空单元格。
选择新的 PictureBox 控件将其选中，然后选择新 PictureBox 控件上的黑色三角形以显示其任务列表。
选择“在父容器中停靠”，这会将 PictureBox 的“Dock”属性设置为“填充”。 可以在 属性 窗口中看到该值。
在 PictureBox 的 属性 窗口中，将 ColumnSpan 属性设置为 2。 PictureBox 现在填充这两列。
将 BorderStyle 属性设置为 Fixed3D。
在 Windows 窗体设计器中，选择 TableLayoutPanel。 然后，在 工具箱中，双击 CheckBox 项以添加新的 CheckBox 控件。 PictureBox 占用 TableLayoutPanel 中的前两个单元格，因此 CheckBox 控件将添加到左下角单元格。
选择“文本”属性，然后输入“拉伸”。
在布局面板中添加按钮
到目前为止，已将控件添加到 TableLayoutPanel。 这些步骤演示如何向 TableLayoutPanel 中的新布局面板添加四个按钮。
选择窗体上的“TableLayoutPanel”。 打开 工具箱，然后选择 容器。 双击 FlowLayoutPanel 向 TableLayoutPanel 的最后一个单元格添加新控件。
将 FlowLayoutPanel 的 Dock 属性设置为 Fill。 可以通过选择黑色三角形，然后选择“在父容器中停靠”来设置此属性。
FlowLayoutPanel 是一个容器，用于将其他控件一个接一个地排列成一行。
选择新的 FlowLayoutPanel，然后打开 工具箱 并选择 公共控件。 双击“按钮”项以添加名为“button1”的按钮控件。
再次双击 按钮 添加另一个按钮。 IDE 将调用下一个“button2”。
以这种方式再添加两个按钮。 另一个选项是选择“button2”。 然后选择“编辑>“复制”或 Ctrl+C。 接下来，从菜单栏中选择 “编辑>粘贴”，或按 Ctrl+V 粘贴按钮的副本。 现在再次粘贴它。 IDE 将 button3 和 button4 添加到 FlowLayoutPanel。
选择第一个按钮，并将其 Text 属性设置为 显示图片。
将接下来三个按钮的 文本 属性设置为 清除图片，设置背景色，关闭。
若要调整按钮的大小并对其进行排列，请选择 FlowLayoutPanel。 将 FlowDirection 属性设置为 RightToLeft。
按钮应与单元格右侧对齐，并反转其顺序，以便 显示图片 按钮位于单元格右侧。 可以拖动 FlowLayoutPanel 周围的按钮，以按任意顺序排列它们。
选择“关闭”按钮以将其选中。 然后，若要同时选择其余按钮，请按并按住 Ctrl 键并选择它们。
在 Properties 窗口中，将 AutoSize 属性设置为 True。 按钮调整大小以适应其文本。
可以运行程序以查看控件的外观。 选择 F5 键，选择 调试>启动调试，或选择 “开始”按钮。 添加的按钮尚未执行任何操作。
更改控件名称
窗体上有四个按钮，在 C# 中的名称分别为“button1”、“button2”、“button3”和“button4”。 在 Visual Basic 中，任何控件名称的默认首字母都大写，因此按钮命名 为 Button1、Button2、Button3和 Button4。 使用这些步骤为它们提供更具信息性的名称。
在窗体上，选择“关闭”按钮。 如果仍然选择了所有按钮，请选择Esc以取消选择。
在 属性 窗口中，查找 （名称）。 将名称更改为“closeButton”。
IDE 不接受包含空格的名称。
将其他三个按钮重命名为 backgroundButton、clearButton，showButton。 可以通过在 属性 窗口中选择控件选择器下拉列表来验证名称。 将显示新的按钮名称。
可以更改任何控件的名称，例如 TableLayoutPanel 或 CheckBox。
添加对话框组件
你的应用可以使用组件打开图片文件并选择背景色。 组件类似于控件。 使用“工具箱”向窗体添加组件。 使用 属性 窗口设置其属性。
与控件不同，向窗体添加组件不会添加可见项。 而是提供可以使用代码触发的某些行为。 例如，组件可打开“打开文件”对话框。
在此部分，你将向窗体添加 OpenFileDialog 组件和 ColorDialog 组件。
选择 Windows 窗体设计器（“Form1.cs [Design]”）。 然后打开 工具箱 并选择 对话框 组。
双击“OpenFileDialog”向窗体添加一个名为“openFileDialog1”的组件。
要添加名为 colorDialog1的组件，请双击 ColorDialog。 这些组件以图标形式显示在 Windows 窗体设计器的底部 。
选择 openFileDialog1 图标并设置两个属性：
将 Filter 属性设置为以下值：
JPEG Files (*.jpg)|*.jpg|PNG Files (*.png)|*.png|BMP Files (*.bmp)|*.bmp|All files (*.*)|*.*将 Title 属性设置为以下值：选择图片文件。
筛选器 属性设置指定 选择图片 对话框显示的类型。
下一步
转到下一教程，了解如何将代码添加到应用程序。