第2章 可视化开发概述

1、福建工程学院软件学院主讲：张正柱邮箱：开发人员可以使用开发人员可以使用Windows自带的自带的“记事本记事本” 来来进行程序的开发。但是，如果所有的代码都要手动添进行程序的开发。但是，如果所有的代码都要手动添加和输入，然后手动编译程序，使用命令调试程序等，加和输入，然后手动编译程序，使用命令调试程序等，那么工作效率是很低的。那么工作效率是很低的。 为了解决上述问题，集成开发环境为了解决上述问题，集成开发环境(IDE)应运而生。应运而生。集成开发环境集成了方便程序开发的各种工具和功能，集成开发环境集成了方便程序开发的各种工具和功能，如防止程序员犯低级错误或者笔误的自动语法检查、如防止程序员犯低

2、级错误或者笔误的自动语法检查、方便的图形化调试功能等，大大减少了编码的语法错方便的图形化调试功能等，大大减少了编码的语法错误并降低了代价，使得程序的运行更简单。微软在推误并降低了代价，使得程序的运行更简单。微软在推出出C#这种开发语言的同时，也推出了对应的集成开发这种开发语言的同时，也推出了对应的集成开发环境环境Visual Studio系列产品。系列产品。Visual Studio.NET是一套完整的开发工具，用是一套完整的开发工具，用于生成于生成ASP.NET Web应用程序、应用程序、XML Web Services、桌面应用程序和移动应用程序。桌面应用程序和移动应用程序。Visual

3、Basic.NET、Visual C+.NET、Visual C#.NET和和Visual J#.NET使使用统一的集成开发环境，该环境允许它们共享工并创用统一的集成开发环境，该环境允许它们共享工并创建混合语言解决方案；这些语言都利用建混合语言解决方案；这些语言都利用.NET框架框架（.NET Framework ）的功能，它提供了对简化桌面）的功能，它提供了对简化桌面应用程序、应用程序、ASP.NET Web应用程序和应用程序和XML Web Services开发关键技术的访问。开发关键技术的访问。Visual Studio .NETWindows 窗体窗体 开发工具开发工具 Web 窗体窗

4、体 开发工具开发工具错误处理错误处理数据访问数据访问多语言支持多语言支持Web 服务服务开发工具开发工具开发开发调试调试部署部署设计设计1.安装安装Visual Studio .NET在安装前需要准备：在安装前需要准备：硬件硬件1Visual Studio .NET安装程序安装程序3运行环境（操作系统运行环境（操作系统 ）21.安装安装Visual Studio .NET2.浏览浏览Visual Studio .NET起始页2.浏览浏览Visual Studio .NET工具箱工具箱 选项卡式文档选项卡式文档 菜单栏菜单栏解决方案资源管理器解决方案资源管理器 属性窗口属性窗口l 使用起始页使用

5、起始页 l “选项选项”对话框对话框 l 解决方案资源管理器解决方案资源管理器 l 类视图类视图l “属性属性”窗口窗口l 工具箱工具箱 l 智能感知智能感知 l 使用帮助使用帮助 打开起始页：打开起始页：起始页起始页4部分功能说明：部分功能说明：l 树视图树视图 l 使用粗体字显示的项目使用粗体字显示的项目l 使用粗体字显示的解决方案使用粗体字显示的解决方案 l 命令命令 l 选择选择 l 多重选择多重选择l 工具栏工具栏 通过通过“类视图类视图”添加新项添加新项l 在在“类视图类视图”中管理项目中管理项目l 可以从可以从“类视图类视图”中获得通常可用于中获得通常可用于“解决解决方案资源管理

6、器方案资源管理器”中符号的所有命令中符号的所有命令l 通过类视图可以时方便快捷地查找某个类，通过类视图可以时方便快捷地查找某个类，某个功能模块的位置某个功能模块的位置l 对象名对象名l 工具栏工具栏 l “属性集属性集”窗格窗格l “说明说明”窗格窗格“属性属性”窗口从上至下总共分为窗口从上至下总共分为4个部分：个部分： “工具箱工具箱”是一个浮动的树控件，它与是一个浮动的树控件，它与 Windows Windows 资源管理器的工作方式非常相似，但没有网格资源管理器的工作方式非常相似，但没有网格或连接线。或连接线。 “工具箱工具箱”显示可以添加到项目中的项的图标。显示可以添加到项目中的项的图

7、标。每次返回编辑器或设计器时，每次返回编辑器或设计器时，“工具箱工具箱”都会都会自动滚动到最近选择过的选项卡和项自动滚动到最近选择过的选项卡和项 在代码编写过程中，在代码编写过程中，Visual Studio .NETVisual Studio .NET提供了智能感知（提供了智能感知（IntelliSenseIntelliSense）功能，它是）功能，它是由集成开发环境提供的一种即时自动提示功能由集成开发环境提供的一种即时自动提示功能l Visual Studio 的本地帮助文件和联机帮助文件的本地帮助文件和联机帮助文件l 设置帮助系统选项设置帮助系统选项 l 维护帮助收藏夹维护帮助收藏夹 在

8、安装在安装Visual Studio时随之安装的本地帮助文件时随之安装的本地帮助文件（这个帮助就是我们在安装时所选择的（这个帮助就是我们在安装时所选择的MSDN）。）。Visual Studio 帮助信息有两个基本来源帮助信息有两个基本来源联机帮助。联机帮助是基于联机帮助。联机帮助是基于Internet的，如的，如 MSDN Online、MSDN新闻组及新闻组及.NET Code Wise Community 开开发人员发人员Web站点集等。站点集等。设置帮助系统选项设置帮助系统选项 ：维护帮助收藏夹维护帮助收藏夹 ：l 添加到帮助收藏夹添加到帮助收藏夹l 搜索功能搜索功能l 重命名收藏夹保

9、存内容的名称重命名收藏夹保存内容的名称 l 删除删除“帮助收藏夹帮助收藏夹”的内容的内容 1) 创建创建C#控制台应用程序控制台应用程序,打开打开VS.NET,点击新建项目点击新建项目2) 在新建项目模板中选择控制台应用程序在新建项目模板中选择控制台应用程序3) 指定项目的名称指定项目的名称HelloWorld以及存放路径以及存放路径4) 编辑编辑Program.cs文件文件,红色部分为自己添加的代码红色部分为自己添加的代码5) 查看应用程序文件夹结构查看应用程序文件夹结构 可以通过解决方案资源管理器管理项目文件可以通过解决方案资源管理器管理项目文件“Hello World”应用程序文件应用程

10、序文件项目文件项目文件 .sln（solution） 解决方案解决方案 .csproj（project） 项目文件（启动项目：加粗）项目文件（启动项目：加粗） .cs 代码文件代码文件 .designer.cs 设计器代码文件设计器代码文件 .resx(resource) 资源文件资源文件5) 查看应用程序文件夹结构查看应用程序文件夹结构6) 生成解决方案生成解决方案l从菜单中选择从菜单中选择“生成生成” “生成解决方案生成解决方案” 该过程将编译项目中包括的所有文件该过程将编译项目中包括的所有文件l查看编译生成结果查看编译生成结果,编译结果显示在编译结果显示在“输出输出”窗口中窗口中 如果结

11、果显示如果结果显示“生成生成: 1 成功或最新，成功或最新，0失败，失败，0被跳过被跳过”，则说明已，则说明已经成功生成，然后即可交付该应用程序经成功生成，然后即可交付该应用程序2) 运行程序运行程序l从菜单中选择从菜单中选择“调试调试”“开始执行开始执行(不调试不调试)”l输出结果显示在输出结果显示在 VS.NET 控制台窗口中控制台窗口中l 编程步骤编程步骤l 创建用户界面创建用户界面 l 设置属性设置属性 l 运行运行Windows应用程序应用程序l 窗体和控件窗体和控件l 代码视图代码视图l 程序分析程序分析如何用如何用Visual Studio .NET来进行一些简单的开发来进行一些

12、简单的开发 ，比如下面的界面：比如下面的界面：步骤一：步骤一：创建用户界面。创建用户界面。步骤二：步骤二：设置属性。设置属性。 步骤三：步骤三：编译、运行。编译、运行。创建新项目创建新项目 创建界面创建界面 13421342界面绘制完毕，结果如下图所示l 设置主窗体属性设置主窗体属性l 设置设置Label1属性属性 l 设置设置PictureBox1属性属性 l 设置布局设置布局 步骤一：右键单击窗体，选择步骤一：右键单击窗体，选择“属性属性”。 步骤二：在步骤二：在“属性属性”窗口中，将窗口中，将Text属性的值改为属性的值改为“欢欢迎迎” 。步骤三：将步骤三：将Size属性的值改为属性的值

13、改为“400, 200” 。1342l 右键单击右键单击PictureBox1控件，从快捷菜单中选择控件，从快捷菜单中选择“属性属性”命令。命令。l 在在“属性属性”窗口中，将窗口中，将Location属性的值改为属性的值改为“30,65”。l 在在“属性属性”窗口中，修改窗口中，修改Image属性。属性。l 选中选中“本地资源本地资源”，单击，单击“导入导入”按钮。按钮。l 单击单击“确定确定”按钮。按钮。 l 将将SizeMode属性的值改为属性的值改为“AutoSize”。步骤一：在标准工具栏上单击右键，从快捷菜单中选择步骤一：在标准工具栏上单击右键，从快捷菜单中选择“布局布局”命令。命令。步骤二：步骤二：选中选中Label1Label1，然后单击布局工具栏中的，然后单击布局工具栏中的“水平水平居中居中”按钮。按钮。 步骤三：步骤三：选中选中PictureBox1PictureBox1，然后单击布局工具栏中的，然后单击布局工具栏中的“水平居中水平居中”按钮。按钮。 每个窗体和控件都有各自的属性，它们一起每个窗体和控件都有各自的属性，它们一起构成了应用程序的可视化部分构成了应用程序的可视化部分图形用户界面图形用户界面（ Graphi