本节书摘来自异步社区《Visual Basic 2012入门经典》一书中的第1章，第6节，作者： 【美】James Foxall，译者： 翟剑锋 ， 更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.6 设计界面

Visual Basic 2012入门经典
通常，使界面能执行一定功能的***方法是，先设计用户界面，然后添加代码。下面几个小节将创建界面。

1.6.1 在窗体中添加可见控件

首先将一个Button控件添加到窗体中。为此，双击“Toolbox”中的Button控件。Visual Basic将创建一个新按钮，并将其放在窗体的左上角，如图1.9所示。单击工具箱之外的地方，使其消失，以便可以看到新添加的Button控件。

使用“Properties”窗口，按如下设置按钮的属性。记住，按字母顺序查看属性时，Name属性列在最前面，因此不必再在列表中搜寻。

注意：

如果在按钮上看到了单词“Select”，原因可能是你已经将Windows字体设置的比标准值要大。右击桌面然后从弹出的快捷菜单中选择“Personalize”，然后在右下角单击Display，并更改Display对话框中的字体大小。
现在创建一个这样的按钮，即用户可通过单击它来关闭图片查看器程序。虽然可通过双击“Toolbox”中的Button控件，再添加一个按钮，但这次将通过复制已创建的按钮来添加一个按钮到窗体中。这让您很容易创建这样的按钮，即其大小和其他属性与所复制的按钮相同。

为此，右击“Select Picture”按钮并从弹出的菜单中选择“Copy”命令。接下来，在窗体的任意处右击并从窗体的快捷菜单中选择“Paste”（也可使用键盘Ctrl+C组合键进行复制，用Ctrl+V组合键进行粘贴）命令。新按钮出现在窗体中间，且默认被选中。注意到其所有属性几乎都与原按钮相同，但名称已重新设置。按如下修改新按钮的属性。

最后需要添加到窗体中的可见控件是一个PictureBox控件。PictureBox有很多功能，但其主要的用途是显示图片，这正是本示例要使用的功能。双击“Toolbox”中的PictureBox，将一个PictureBox控件添加到窗体中，然后按如下设置它的属性。

修改属性后，窗体应如图 1.10 所示。单击工具栏的“Save All”按钮来保存所做的工作。

1.6.2 在窗体中添加不可见的控件

到目前为止，所用的控件都放在窗体中，且在应用程序运行时有物理外观。然而，并不是所有控件都有物理外观，这样的控件称为不可见控件（或运行时不可见的控件）。它们不是为直接的用户交互而设计的，而是为程序员设计的，其功能超出了Visual Basic的标准特性。

为让用户选择要显示的图片，需要让用户能够在其硬盘上查找文件。读者可能已经注意到，在每个Windows程序中打开文件时，显示的对话框几乎都一样。要求每个开发人员为标准文件操作编写代码是没有意义的，因此Microsoft通过控件提供了这样的功能，程序员可在项目中使用它。这个控件名为OpenFileDialog控件，可为开发人员节省大量时间，避免为实现该功能而反复编程。

注意：

除OpenFileDialog控件外，还有其他控件也提供文件操作功能。例如，SaveFileDialog控件让用户能够指定文件名和路径以保存文件。
现在显示“工具箱”，使用“工具箱”底部的向下箭头来滚动列表，找到OpenFileDialog控件（它在“Dialogs（对话框）”分类中），然后双击它，将它添加到窗体中。注意，该控件并不放在窗体中，而是出现在窗体下方的特定位置，如图1.11所示。

这是因为OpenFileDialog控件并没有窗体界面可显示给用户。它在必要时可显示界面（对话框），但它本身并不直接显示在窗体上。

选中OpenFileDialog控件，按如下修改其属性。

注意：

不要将FileName属性设置为“使其为空”，我的意思是将该属性的默认值删除，使其为空。
Filter属性用于限制（过滤）要在“Open File”对话框中显示的文件类型。过滤器的格式为：描述|过滤器。在管道符号（“|”）前的文本是对文件类型的描述，管道符号后面的文本是用于过滤文件的格式。可再通过管道符号来分割每个“描述|过滤器”，以指定多个过滤类型。在Title属性中输入的文本将出现在“打开文件”对话框的标题栏中。

图片查看器程序的图形界面现在已经完成了。如果单击了“工具箱”中的图钉图标使其一直显示，现在可单击它以关闭“工具箱”。单击工具栏中的“Save All”按钮保存所做的工作。

本文仅用于学习和交流目的，不代表异步社区观点。非商业转载请注明作译者、出处，并保留本文的原始链接。