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