步骤 5：向窗体添加控件
此内容为质量更高的人工翻译。若想同时查看此页面和原始英文页面的内容，请单击“首选项”然后选择“经典视图”作为您的查看首选项。
在此步骤中，将向窗体添加控件（如PictureBox控件和CheckBox控件）。然后向窗体添加按钮。
向窗体添加控件
1.       转到工具箱，并展开“公共控件”组。这将显示窗体上最常见的控件。
2.       双击PictureBox控件。IDE 会将一个PictureBox控件添加到窗体中。由于将停靠TableLayoutPanel以填充窗体，因此 IDE 会向第一个空单元格添加PictureBox控件。
3.       单击新的PictureBox控件上的黑色三角形以显示其任务列表，如下图所示。
PictureBox任务

说明

如果误将错误类型的控件添加到TableLayoutPanel中，可删除该控件。右击该控件，然后从显示的菜单中单击“删除”。也可从“编辑”菜单中选择“撤消”，以从窗体中删除该控件。

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”）。

说明

FlowLayoutPanel是一个容器，它将其他控件按顺序排列在行中。在调整FlowLayoutPanel的大小时，如果FlowLayoutPanel的空间允许将其所有控件置于单个行中，则它会执行此操作。否则，它会将这些控件依次排列到多个行中（一个行位于另一个行的上方）。将使用FlowLayoutPanel来容纳四个按钮。

添加按钮
1.       选择已添加的FlowLayoutPanel。转到工具箱中的“公共控件”，然后双击“Button”图标以将一个名为“button1”的按钮添加到FlowLayoutPanel中。重复上述操作以添加另一个按钮。IDE 确定已存在名为“button1”的按钮，并会将下一个按钮命名为“button2”。

说明

在 Visual Basic 中，按钮名称的首字母都是大写的，因此“button1”为“Button1”，“button2”为“Button2”，依此类推。

2.       通常，使用工具箱来添加其他按钮。这一次单击“button2”，然后在“编辑”菜单上，单击“复制”（或按Ctrl+C）。在“编辑”菜单上，单击“粘贴”（或按Ctrl+V）粘贴该按钮的副本。此时再次粘贴该副本。IDE 此时已添加“button3”和“button4”。

说明

可以复制并粘贴任何控件。IDE 以逻辑方式命名和放置新的控件。如果将一个控件粘贴到容器中，则 IDE 将选择下一个逻辑放置空间。

3.       选择第一个按钮，并将其“Text”属性设置为“显示图片”。然后分别将后面的三个按钮的“Text”属性设置为“清除图片”、“设置背景色”和“关闭”。
4.       下一步是调整这些按钮的大小并对它们进行排列，使它们与面板的左侧对齐。选择FlowLayoutPanel并查看其“FlowDirection”属性。将该属性更改为“RightToLeft”。一旦执行此操作，这些按钮会自行与单元格的右侧对齐，并颠倒其顺序，以使“显示图片”按钮位于右侧。

说明

如果这些按钮的顺序仍是错误的，则可以将这些按钮在FlowLayoutPanel中四处拖动以按任意顺序重新排列它们。可以单击其中某个按钮，并将它向左或向右拖动。

5.       单击“关闭”按钮以将其选定。按住 Ctrl 键并单击其他三个按钮，使它们都处于选定状态。在选定所有这些按钮后，转到“属性”窗口，然后向上滚动到“AutoSize”属性。此属性会告知按钮自动调整自身大小以适合其所有文本。将此属性设置为“true”。此时这些按钮应具有适当大小且按照适当的顺序排列。（只要选定所有四个按钮，就可以同时更改所有四个“AutoSize”属性。）下图显示了这四个按钮。
包含四个按钮的图片查看器


6.       此时重新运行程序以查看具有最新布局的窗体。单击这些按钮和复选框并不会执行任何操作，但它们很快将会起作用。
Visual Studio 2010