Share via

Tutorial 1: Create a Picture Viewer

  • 项目

在本教程中，您将生成一个从文件加载图片并将其显示在窗口中的程序。您将学习如何拖动控件（如窗体上的按钮和图片框）、设置控件属性，以及如何使用容器来平滑地调整窗体的大小。您还将开始编写代码。您将学习如何：

  • 创建新项目。

  • 测试（调试）应用程序。

  • 向窗体中添加基本控件（如复选框和按钮）。

  • 使用布局在窗体上定位控件。

  • 向窗体中添加**“打开文件”和“颜色”**对话框。

  • 使用 IntelliSense 和代码片段编写代码。

  • 编写事件处理程序方法。

当您完成时，程序将类似下图所示。

您在本教程中创建的图片

你在本教程中创建的图片

若要下载示例的完整版本，请参阅图片查看器教程完整示例。

链接到视频有关本主题的视频版本，请参阅如何实现：用 Visual Basic 创建图片查看器？或如何实现：用 C# 创建图片查看器？.

说明说明

这些视频使用 Visual Studio 的早期版本，因此在一些菜单命令和其他用户界面元素上略有差异。但是，概念和过程与当前版本的 Visual Studio 大同小异。本教程中同时涉及 Visual C# 和 Visual Basic，因此请关注特定于您所用编程语言的信息。

若要查看适用于 Visual Basic 的代码，请在代码块顶部选择“VB”选项卡，若要查看适用于 Visual C# 的代码，请选择“C#”选项卡。如果您有兴趣了解 Visual C++，请参阅 Visual Studio 2013 Visual C++ 入门和 C++ 语言教程。

如果您有兴趣了解如何为 Windows 应用商店编写 Visual C# 或 Visual Basic 应用，请参阅使用 C# 或 Visual Basic 创建您的第一个 Windows 应用商店应用。有关为 Windows 应用商店创建 JavaScript 应用的信息，请参阅使用 JavaScript 创建您的第一个 Windows 应用商店应用。

相关主题

标题

说明

Step 1: Create a Windows Forms Application Project

首先创建 Windows 窗体应用程序项目。

Step 2: Run Your Program

运行您在上一步中创建的 Windows 窗体应用程序。

Step 3: Set Your Form Properties

使用“属性”窗口更改窗体的显示方式。

Step 4: Lay Out Your Form with a TableLayoutPanel Control

向窗体中添加 TableLayoutPanel 控件。

Step 5: Add Controls to Your Form

向窗体中添加 PictureBox 和 CheckBox 之类的控件。向窗体中添加按钮。

Step 6: Name Your Button Controls

将按钮重命名为更有意义的名称。

Step 7: Add Dialog Components to Your Form

向窗体中添加“OpenFileDialog”组件和“ColorDialog”组件。

Step 8: Write Code for the Show a Picture Button Event Handler

使用 IntelliSense 工具编写代码。

Step 9: Review, Comment, and Test Your Code

检查并测试代码。根据需要添加注释。

Step 10: Write Code for Additional Buttons and a Check Box

使用 IntelliSense 编写代码以使其他按钮和复选框工作。

Step 11: Run Your Program and Try Other Features

运行程序并设置背景颜色。尝试其他功能，例如更改颜色、字体和边框。