VB2010教程之图片浏览器

百度ID千独柏VisualStudio2010教程1：创建图片查看器此内容为质量更高的人工翻译。若想同时查看此页面和原始英文页面的内容，请单击“首选项”然后选择“经典视图”作为您的查看首选项。在本教程中，您将生成一个从文件加载图片并将其显示在窗口中的程序。您将学习如何拖动控件（如窗体上的按钮和图片框）、设置控件属性，以及如何使用容器来平滑地调整窗体的大小。您还将开始编写代码。您将学习如何：创建新项目。测试（调试）应用程序。向窗体中添加基本控件（如复选框和按钮）。使用布局在窗体上定位控件。向窗体中添加“打开文件”和“颜色”对话框。使用IntelliSense和代码段编写代码。编写事件处理程序方法。当您完成时，程序将类似下图所示。在本教程中创建的图片说明在本教程中，同时涉及VisualC#和VisualBasic，因此请关注特定于您使用的编程语言的信息。相关主题标题说明步骤1：创建Windows窗体应用程序项目首先创建Windows窗体应用程序项目。百度ID千独柏步骤2：运行程序运行您在上一步中创建的Windows窗体应用程序。步骤3：设置窗体属性使用“属性”窗口更改窗体的显示方式。步骤4：使用TableLayoutPanel控件设置窗体布局向窗体中添加TableLayoutPanel控件。步骤5：向窗体添加控件向窗体中添加PictureBox和CheckBox之类的控件。向窗体中添加按钮。步骤6：命名按钮控件将按钮重命名为更有意义的名称。步骤7：向窗体添加对话框组件向窗体中添加“OpenFileDialog”组件和“ColorDialog”组件。步骤8：为“显示图片”按钮事件处理程序编写代码使用IntelliSense工具编写代码。步骤9：检查代码、为代码添加注释和测试代码检查并测试代码。根据需要添加注释。步骤10：创建其他按钮和复选框使用IntelliSense编写代码以使其他按钮和复选框工作。步骤11：运行程序并试用其他功能运行程序并设置背景颜色。尝试其他功能，例如更改颜色、字体和边框。VisualStudio2010步骤1：创建Windows窗体应用程序项目此内容为质量更高的人工翻译。若想同时查看此页面和原始英文页面的内容，请单击“首选项”然后选择“经典视图”作为您的查看首选项。创建图片查看器的第一步是创建Windows窗体应用程序项目。创建Windows窗体应用程序项目1.在“文件”菜单上，单击“新建项目”。2.如果没有使用VisualStudio学习版，您需要先选择一种语言。从“安装的模板”列表中选择“C#”或“VisualBasic”。3.单击“Windows窗体应用程序”图标，输入“PictureViewer”作为名称，然后单击“确定”。VisualStudio将自动为您创建解决方案。4.在“文件”菜单上，单击“全部保存”；或者在工具栏上单击“全部保存”按钮，此按钮如下所示。“全部保存”工具栏按钮百度ID千独柏说明VisualStudio将项目保存到项目文件夹中。集成开发环境(IDE)会自动填写文件夹名称和项目名称。如果使用的是VisualStudio学习版，您需要完成步骤5-7。对于非学习版的VisualStudio，项目在第一次创建时即被保存，因此不需要步骤5-7。5.确保项目保存在“我的文档”文件夹下的某个文件夹中。6.确认选中“创建解决方案的目录”复选框。7.单击“保存”。说明当创建项目时，VisualStudioIDE会自动创建若干个文件并将其放入文件夹中。可以使用“解决方案资源管理器”窗口来浏览这些文件。在第一次创建项目时，这些文件将保存到一个临时文件夹中。单击“全部保存”按钮即是告知IDE将这些文件复制到一个永久文件夹（通常位于“我的文档”文件夹下）中。8.您可能已经注意到“解决方案”和“项目”这两个词具有不同的含义，本教程稍后将对此进行解释。9.下图显示IDE窗口应具有的外观。10.IDE窗口11.百度ID千独柏12.如果您的屏幕与上面的图片不太一样，请在“窗口”菜单上，单击“重置窗口布局”。如果缺少任何窗口，请在“视图”菜单上，单击“属性窗口”或“解决方案资源管理器”。如果有多余的窗口打开，请单击右上角的“关闭”(x)按钮。13.查看图片。从左上角开始沿逆时针方向，图片将依次显示：o主窗口您可在此处执行大部分的工作。通过此窗口可以使用窗体并编辑代码。当前，此窗口在“窗体编辑器”中显示一个窗体。在此窗口的顶部有两个选项卡：“起始页”选项卡和“Form1.cs[设计]”选项卡。（在VisualBasic中，后缀名是.vb而不是.cs。）o“解决方案资源管理器”窗口在此处显示解决方案中的所有文件。如果单击某个文件，则“属性”窗口中的信息将发生改变。如果双击某个代码文件（在VisualC#中以.cs结尾，在VisualBasic中以.vb结尾），则该代码文件或用于该代码文件的设计器将打开。o“属性”窗口您可在此处更改您在其他窗口中选定的项的属性。说明请注意“解决方案资源管理器”窗口的顶部行将如何显示“解决方案‘PictureViewer’(1个项目)”。IDE已经为您创建了一个解决方案，而且此解决方案包含多个项目。现在，您将使用包含单个项目的解决方案。继续或查看VisualStudio2010步骤2：运行程序此内容为质量更高的人工翻译。若想同时查看此页面和原始英文页面的内容，请单击“首选项”然后选择“经典视图”作为您的查看首选项。一旦创建新的解决方案，实际上就生成了所运行的程序。该程序并未执行其他操作，它只是显示了一个在标题栏中显示“Form1”的空窗口。但该程序确实在运行，您即将查明这一点。运行程序1.按F5键或单击如下所示的“启动调试”工具栏按钮。启动“调试”工具栏按钮2.IDE将运行程序，并会显示一个窗口。下图显示了刚生成的程序。该程序正在运行，您很快会向它添加内容。正在运行的Windows窗体应用程序百度ID千独柏3.返回IDE，并查看新工具栏。调试工具栏4.单击方形的“停止调试”按钮，或从“调试”菜单中单击“停止调试”。程序将停止运行，并且窗口将关闭。也可以直接关闭打开的窗口来停止调试。说明在从IDE内部运行程序时，这一操作称作“调试”，因为通常将使用此操作来跟踪并修复Bug。该程序是一个真正的程序，您可以像运行任何其他程序一样运行它。继续或查看若要转到下一个教程步骤，请参见步骤3：设置窗体属性。若要返回上一个教程步骤，请参见步骤1：创建Windows窗体应用程序项目。VisualStudio2010步骤3：设置窗体属性此内容为质量更高的人工翻译。若想同时查看此页面和原始英文页面的内容，请单击“首选项”然后选择“经典视图”作为您的查看首选项。接下来，使用“属性”窗口来更改窗体的外观。设置窗体属性百度ID千独柏1.确保您查看的是Windows窗体设计器。在IDE中，单击“Form1.cs[设计]”选项卡（在VisualBasic中为“Form1.vb[设计]”选项卡）。2.单击窗体中的任意位置以将其选定。查看“属性”窗口，该窗口此时应显示窗体的属性。窗体具有各种属性。例如，可以设置前景色和背景色、窗体顶部显示的标题文本、窗体的大小和其他属性。说明如果“属性”窗口未出现，请通过单击方形的“停止调试”按钮（或直接关闭窗口）来停止程序。3.在选定窗体后，向下滚动到“属性”窗口的底部，然后找到“Text”属性。单击“Text”，键入“图片查看器”，然后按Enter。此时，窗体的标题栏中将显示文本“图片查看器”，并且“属性”窗口的外观应与下图类似。“属性”窗口说明可以通过“按分类顺序”视图或“字母顺序”视图对属性进行排序。可以通过使用“属性”窗口上的按钮在这两类视图之间进行切换。在本教程中，通过“字母顺序”视图查找属性会更加轻松。4.返回Windows窗体设计器。单击窗体右下角的拖动柄，此拖动句柄是位于窗体右下角的小空心方形，如下所示。拖动句柄百度ID千独柏拖动此拖动柄调整窗体的大小，使其更宽且更高一些。5.查看“属性”窗口，您会发现“Size”属性已更改。每当您调整窗体的大小时，“Size”属性都会更改。尝试拖动窗体以将其大小调整为大约550x350，此大小应适合于该项目。6.重新运行程序。按F5键或单击如下所示的“启动调试”工具栏按钮。启动“调试”工具栏按钮与之前的操作一样，IDE会生成并运行程序，并且将显示一个窗口。7.在转到下一个步骤之前，请停止程序，因为IDE不允许您在程序处于运行状态时更改程序。继续或查看若要转到下一个教程步骤，请参见步骤4：使用TableLayoutPanel控件设置窗体布局。若要返回上一个教程步骤，请参见步骤2：运行程序。VisualStudio2010步骤4：使用TableLayoutPanel控件设置窗体布局此内容为质量更高的人工翻译。若想同时查看此页面和原始英文页面的内容，请单击“首选项”然后选择“经典视图”作为您的查看首选项。在此步骤中，将向窗体中添加一个TableLayoutPanel控件。使用TableLayoutPanel控件设置窗体布局1.转到Windows窗体设计器。查看窗体左侧并找到“工具箱”选项卡。将鼠标指向并悬停在“工具箱”选项卡上，工具箱将出现。（或者，从“视图”菜单中单击“工具箱”。）2.单击“容器”组旁边的加号打开该组，如下图中所示。“容器”组百度ID千独柏3.可以向窗体中添加类似按钮、复选框和标签这样的控件。在工具箱中双击TableLayoutPanel控件。当执行此操作时，IDE会将TableLayoutPanel控件添加到窗体中，如下图中所示。TableLayoutPanel控件说明添加TableLayoutPanel之后，如果窗体中出现标题为“TableLayoutPanel任务”的窗口，请单击窗体内的任何位置来关闭此窗口。在本教程后面部分，您将学习到有关此窗口的更多内容。说明请注意，当单击“工具箱”选项卡时工具箱是如何展开以覆盖窗体的，以及当单击工具箱外部后它是如百度ID千独柏何关闭的。这就是IDE自动隐藏功能。通过单击窗口右上角的图钉图标来在自动隐藏和就地锁定之间切换，可以为任何窗口打开或关闭工具箱。图钉图标如下所示。图钉图标4.单击“TableLayoutPanel”确保选定它。可以通过查看“属性”窗口顶部的下拉列表来验证选定哪个控件，如下图中所示。显示TableLayoutPanel控件的“属性”窗口5.控件选择器是“属性”窗口顶部的下拉列表。在此示例中，它显示选定了名为tableLayoutPanel1的控件。可以通过在Windows窗体设计器中单击或者从控件选择器中进行选择来选择控件。选择TableLayoutPanel之后，请找到“Dock”属性并单击“Dock”，此属性应设置为“无”。请注意，一个下拉箭头将出现在值旁边。单击该箭头，然后选择“Fill”按钮（中间的大按钮），如下图中所示。选定“Fill”的“属性”窗口百度ID千独柏6.在将TableLayoutPanel的“Dock”属性设置为“Fill”之后，此面板将填充整个窗体。如果再次调整窗体的大小，则TableLayoutPanel将保持停靠状态，并自行调整大小以适合窗体。说明TableLayoutPanel与MicrosoftOfficeWord中的表类似：它具有行和列，并且个别单元格可以跨多个行和列。每个单元格都可以存放一个控件（例如按钮、复选框或标签）。TableLayoutPanel将具有一个跨其整个顶部行的PictureBox控件、一个位于其左上角单元格中的CheckBox控件和四个位于其右上角单元格中的Button控件。说明尽管曾提到每个单元格只能存放一个控件，但是右上角单元格中具有四个Button控件。这是因为您可以在单元格中放入一个可存放其他控件的控件。这种控件称为容器，TableLayoutPanel即是一个容器。在本教程后面部分，您将学习到有关容器的更多内容。7.TableLayoutPanel当前具有两个