C大学教程第2章剖析

2009 Pearson Education,Inc.All rights reserved.22Visual Studio Express 2012 for Windows Desktop介绍介绍 2009 Pearson Education,Inc.All rights reserved.3Seeing is believing.眼见为实眼见为实 ProverbForm ever follows function.Louis Henri SullivanIntelligence is the faculty of making artificial objects,especially tools to make tools.Henri-Louis Bergson 2009 Pearson Education,Inc.All rights reserved.4目标目标本章将讲解:Visual Studio Express 2012 for Windows Desktop Integrated Development(IDE)基础知识，编写、运行和调试应用。Visual Studio的帮助特性。IDEs 菜单和工具栏中的主要命令。理解Visual Studio Express 2012 for Windows Desktop IDE中各种窗口的用途。2009 Pearson Education,Inc.All rights reserved.5目标目标 什么是可视化程序开发，它是如何简化和提速应用开发的。用可视化程序开发技术创建、编译和执行简单的Visual C#程序，可视化程序技术显示文本和图像。2009 Pearson Education,Inc.All rights reserved.62.1简介简介2.2 Visual Studio Express 2012 IDE概述概述2.3 菜单栏和工具栏菜单栏和工具栏2.4 Visual Studio IDE 导航导航2.5 使用帮助使用帮助2.6 使用可视化程序开发创建简单的程序，显示使用可视化程序开发创建简单的程序，显示文本和图像文本和图像 2009 Pearson Education,Inc.All rights reserved.72.1 简介简介 Visual Studio 2012 是 Microsoft的集成开发环境(IDE)，用于创建、运行和调试各种.NET编程语言编写的程序。Visual Studio 2012 IDE 允许拖放预定义的组件到合适的界面位置这种技术就叫做可视化程序开发（visual app programming）。2009 Pearson Education,Inc.All rights reserved.82.2 概述概述Visual Studio Express 2012 IDE 有多个可用的Visual Studio 版本。书中的大多数例子基于Visual Studio Express 2012 for Windows Deskto版本。.给出的例子能够用于Visual Studio的所有版本但有些选项、菜单和指令可能有所不同。2009 Pearson Education,Inc.All rights reserved.9 Microsoft Visual Studio Express 2012 for Windows Desktop简介 启动IDE,选择“开始”“所有程序”Microsoft Visual Studio 2012 Express VS Express for Desktop(在Windows 8系统中,在开始屏幕上单击VS for Desktop 图标)2.2 概述概述Visual Studio Express 2012 IDE（续续.）2009 Pearson Education,Inc.All rights reserved.2.2 概述概述Visual Studio Express 2012 IDE（续续.）图.2.1|在Visual Studio Express 2012 for Windows Desktop中的开始页.一旦开始执行 Express Edition,会显示“开始页开始页“标签。(如图.2.1).2009 Pearson Education,Inc.All rights reserved.11“开始页”中的链接被分为两列 左列“开始”（Start）部分包含的选项可以用来新创建一个程序或者打开以前创建的程序。“最近”（Recent）部分包含最近创建或修改过的工程的链接。右列包含三个标签入门，操作方法视频，新闻。-“入门”标签提供由Visual Studio和学习资源提供的编程语言信息。-新闻标签包含一个 RSS Feed按钮。2.2 概述概述Visual Studio Express 2012 IDE（续续.）2009 Pearson Education,Inc.All rights reserved.12 你可以使用网络浏览器（internal web browser）浏览网页。选择选择“试图试图”（View）“其他窗口”（Other Windows）Web浏览器（Web Browser）。通过输入URL地址到地址栏访问Web网页(图.2.2).2.2 概述概述Visual Studio Express 2012 IDE（续续.）Requested web page(URL in location bar drop-down)Selected tab for requested web pageFig.2.2|在Visual Studio 中显示网页.2009 Pearson Education,Inc.All rights reserved.13 工程工程（project）是一组相关的文件,比如创建程序的代码文件和一些图像文件。解决方案（解决方案（Solutions）包含一个或多个工程。包含一个或多个工程。Visual C#开始编程,选择“文件”（File）“新建工程”（New Project）。）。2.2 概述概述Visual Studio Express 2012 IDE（续续.）2009 Pearson Education,Inc.All rights reserved.14“新建工程新建工程”对话框(图.2.3)2.2 概述概述Visual Studio Express 2012 IDE（续续.）图图 2.3|“新建工程”对话框 2009 Pearson Education,Inc.All rights reserved.2.2 概述概述Visual Studio Express 2012 IDE（续续.）用户可以用用户可以用Visual C#模板创建工程类型模板创建工程类型（Templates）在在Windows操作系统运行一个操作系统运行一个Windows窗体应用程序窗体应用程序，这个程序具有一个可视化用户界面这个程序具有一个可视化用户界面【graphical user interface(GUI)】用户与程序交互的可视化部分。用户与程序交互的可视化部分。2009 Pearson Education,Inc.All rights reserved.16 选择“窗体应用程序”,然后单击“确定”显示IDE设计视图(图.2.4),它包含创建程序的特性。灰色的方块(叫窗体 FormForm)表示应用程序的主窗体。2.2 概述概述Visual Studio Express 2012 IDE（续续.）2009 Pearson Education,Inc.All rights reserved.172.2 概述概述Visual Studio Express 2012 IDE（续续.）图图.2.4|IDE的设计视图.2009 Pearson Education,Inc.All rights reserved.18 图2.5 显示在属性窗口（Properties）修改窗体的名称。2.2 概述概述Visual Studio Express 2012 IDE（续续.）图图.2.5|在Visual Studio IDE 中的文本框控件中修改属性.Text box(displaying the Forms name,Form1)which can be modified 2009 Pearson Education,Inc.All rights reserved.19 图 2.6 显示在字体对话框中修改控件的文字属性。2.2 概述概述Visual Studio Express 2012 IDE（续续.）图图.2.6|在Visual Studio IDE中通过属性对话框修改控件的文字属性OK buttonCancel button 2009 Pearson Education,Inc.All rights reserved.202.3 菜单栏和工具栏菜单栏和工具栏(续续.)管理IDE的命令被包含在菜单菜单和菜单栏菜单栏中(图.2.7)。菜单栏的显示依赖于当前在IDE中所做的工作。菜单包含相关的菜单项（menu items）使IDE执行特定的操作。图2.8总结了图2.7中显示的菜单。图图.2.7|Visual Studio 菜单栏 2009 Pearson Education,Inc.All rights reserved.21图图.2.8|Visual Studio 2012 IDE 菜单.2.3 菜单栏和工具栏菜单栏和工具栏(续续.)2009 Pearson Education,Inc.All rights reserved.2.3 菜单栏和工具栏菜单栏和工具栏(续续.)从工具栏中可以访问许多常用的菜单命令(图.2.9),包含了图标，它以图示化的方式显示命令。显示的标准工具栏可以修改，依靠所使用的的Visual Studio 版本。2009 Pearson Education,Inc.All rights reserved.232.3 菜单栏和工具栏菜单栏和工具栏(续续.)图图.2.9|Visual Studio 标准工具栏.后向导航新工程向后导航打开文件保存保存全部恢复重做启动解决方案配置解决方案平台在文件中查找 2009 Pearson Education,Inc.All rights reserved.242.3 菜单栏和工具栏菜单栏和工具栏(续续.)添加更多的工具栏（视图（View）工具栏（Toolbars）(图.2.10).图图.2.10|添加Build工具栏到IDE.Additional toolbarsappear here 2009 Pearson Education,Inc.All rights reserved.252.3 菜单栏和工具栏菜单栏和工具栏(续续.)鼠标悬停在图标上会使图标加亮显示，只需做短暂停留就会显示这个图标的描述，这称为工具提示(图.2.11)。同居提示有助于熟悉IDE的特性便于记住每个工具栏图标的功能。图图.2.11|IDE 工具栏图标显示额外的命令当鼠标悬停在一个图标上时，就会出现工具提示 2009 Pearson Education,Inc.All rights reserved.262.4 Visual Studio IDE 导航导航 IDE 提供的窗口用于访问工程文件和定制控件。IDE的窗口可以通过选择“视图”菜单的名称访问。2009 Pearson Education,Inc.All rights reserved.272.4 Studio IDE 导航导航(续续.)Visual Studio 提供了一个节省空间的特性，称为自动隐藏。（auto-hide）当自动隐藏自动隐藏可用时，标签显示在IDE的边缘(图.2.12)。图图.2.12|自动隐藏特性演示自动隐藏的Toolbox和Data Sources窗口自动隐藏的SolutionExplorer 和Properties窗口 2009 Pearson Education,Inc.All rights reserved.282.4 Studio IDE 导航导航(续续.)鼠标放在图标上将显示窗口(图.2.13).图图.2.13|启动自动隐藏特性时显示隐藏的工具箱窗口展开的工具箱工具箱窗口当启动自动隐藏特性时，图钉图标是水平方向的 2009 Pearson Education,Inc.All rights reserved.292.4 Studio IDE 导航导航(续续.)为了禁用自动隐藏特性并使窗口打开,单击窗口右上角的图钉图标。当“钉住”窗口时，图钉图标是垂直的。(图.2.14).图图.2.14|禁用自动隐藏(“钉住”窗口)“钉住”工具箱当“钉住”窗口时，图钉图标是垂直的 2009 Pearson Education,Inc.All rights reserved.2.4 Studio IDE 导航导航(续续.)后面的几个小节将概要介绍Visual Studio的三个主要窗口解决方案资源管理器（the Solution Explorer）,属性窗口（the Properties window）和工具箱（the Toolbox）2009 Pearson Education,Inc.All rights reserved.312.4 Studio IDE 导航导航(续续.)2.4.1 解决方案资源管理器窗口解决方案资源管理器窗口 解决方案资源管理器（Solution Explorer）(图.2.17)提供了对解决方案中所有文件的访问。启动工程。（测试Debug 运行运行Start Debugging）与窗体（Form）对应的文件名为Form1.cs.Visual C#文件的扩展名为.cs。图图.2.15|打开了工程的的解决方案资源管理器（Solution Explorer）工具栏显示所有文件图标启动工程 2009 Pearson Education,Inc.All rights reserved.322.4 Studio IDE 导航导航(续续.)尝试单击一下“引用”（Reference）左边的箭头，会显示该目录下分组的那些项目。（图.2.16).图图.2.16|展开了“引用”（Reference）节点的解决方案资源管理器窗口（Solution Explorer）单击箭头，展开节点点击箭头，收缩节点 2009 Pearson Education,Inc.All rights reserved.332.4 Studio IDE 导航导航(续续.)2.4.2 工具箱工具箱 工具箱中包含的图标代表控件，用于定制窗体。(图.2.17)工具箱工具箱将一些预先已建立好的控件按类别分组。图图.2.17|显示了Common Controls组中控件的工具箱窗口组中控件的工具箱窗口 组名称控件 2009 Pearson Education,Inc.All rights reserved.342.4 Studio IDE 导航导航(续续.)2.4.3 属性窗口属性窗口 显示属性属性窗口,选择“视图视图”（View）“属性属性窗口窗口”（Properties Window）。属性窗口属性窗口允许程序员直观地修改控件的属性，而不必编写代码。(图.2.18).2009 Pearson Education,Inc.All rights reserved.352.4 Studio IDE 导航导航(续续.)图图.2.18|属性窗口分类图标字母顺序图标属性所选属性的描述属性值滚动条滑动条工具栏组件选择下拉列表 2009 Pearson Education,Inc.All rights reserved.362.5 使用帮助使用帮助 上下文相关帮助（上下文相关帮助（Context-sensitive help）显示相关帮助的文档而不是列表。(图.2.19).要使用上下文相关帮助，可单击某个项目，然后按F1。图图.2.19|使用上下文相关帮助显示窗体的相关文档 2009 Pearson Education,Inc.All rights reserved.372.6 用可视化程序开发创建简单的程序，显用可视化程序开发创建简单的程序，显示文本和图像示文本和图像 Visual C#有已存在的控件用于创建和定制程序。(图.2.20).一个 Label 控件包含了描述文本。一个PictureBox 文件显示图片，例如，Deitel bug mascot（Deitel 虫子吉祥物）。图图.2.20|执行一个简单的程序执行一个简单的程序Label 控件PictureBox 控件l 2009 Pearson Education,Inc.All rights reserved.382.6 用可视化程序开发创建简单的程序，显用可视化程序开发创建简单的程序，显示文本和图像（续示文本和图像（续.）选择文件文件（File）新建新建项目项目 并创建一个新的Windows窗体应用程序窗体应用程序（Windows Forms Application）(图.2.21)。将工程命名为ASimpleProgram 并单击“确定”。图图.2.21|新建工程对话框新建工程对话框 2009 Pearson Education,Inc.All rights reserved.392.6 用可视化程序开发创建简单的程序，显用可视化程序开发创建简单的程序，显示文本和图像（续示文本和图像（续.）单击窗体中的任何地方，会在“属性”窗口中显示该窗体的属性。单击TextText属性框右侧的文本框并输入“A Simple App”(图.2.22).图图.2.22|在属性属性窗口中设置窗体的Text属性选中的属性属性描述对象的名称和类型属性值 2009 Pearson Education,Inc.All rights reserved.402.6 用可视化程序开发创建简单的程序，显用可视化程序开发创建简单的程序，显示文本和图像（续示文本和图像（续.）按 Enter窗体的标题栏会立即更新。(图.2.23)单击并拖动窗体的缩放句柄之一。(图.2.23).图图.2.23|启用缩放句柄的窗体启用缩放句柄的窗体启用的缩放句柄标题栏 2009 Pearson Education,Inc.All rights reserved.412.6 用可视化程序开发创建简单的程序，显用可视化程序开发创建简单的程序，显示文本和图像（续示文本和图像（续.）选择右下角的缩放句柄，并向下向右拖动，可使窗体变大。(图.2.24)程序员通过设置窗体的属性调整窗体的大小。图图.2.24|调整窗体大小 2009 Pearson Education,Inc.All rights reserved.422.6 用可视化程序开发创建简单的程序，显用可视化程序开发创建简单的程序，显示文本和图像（续示文本和图像（续.）单击属性窗口中的 BackColorBackColor，会在属性旁边出现一个向下箭头按钮(图.2.25)。当单击时，显示Custom,Web 和System 标签。单击Custom 标签显示调色板并选择淡蓝色。图图.2.25|改变窗体的BackColor属性当前颜色向下箭头按钮淡蓝色定制调色板 2009 Pearson Education,Inc.All rights reserved.432.6 用可视化程序开发创建简单的程序，显用可视化程序开发创建简单的程序，显示文本和图像（续示文本和图像（续.）一旦选择颜色，窗体的背景色立刻变为淡蓝色。(图.2.26).图图.2.26|应用 新的背景色后的窗体新的淡蓝背景色 2009 Pearson Education,Inc.All rights reserved.442.6 用可视化程序开发创建简单的程序，显用可视化程序开发创建简单的程序，显示文本和图像（续示文本和图像（续.）在工具箱中双击Label 控件来添加Label 控件(图.2.27)。也可以从工具箱中“拖”控件到窗体。图图.2.27|添加一个Label控件到窗体Label 控件 2009 Pearson Education,Inc.All rights reserved.452.6 用可视化程序开发创建简单的程序，显用可视化程序开发创建简单的程序，显示文本和图像（续示文本和图像（续.）选择Label 在属性窗口中定制它的属性(Fig.2.28)。选择Label的 Text 属性设置成 Welcome to Visual C#!。AutoSizeAutoSize 属性被设置为True,将使Label 的大小适应它的文本。设置AutoSize 属性为False。2009 Pearson Education,Inc.All rights reserved.462.6 用可视化程序开发创建简单的程序，显用可视化程序开发创建简单的程序，显示文本和图像（续示文本和图像（续.）图图.2.28|改变Label的AutoSize为False.AutoSize属性 2009 Pearson Education,Inc.All rights reserved.472.6 用可视化程序开发创建简单的程序，显用可视化程序开发创建简单的程序，显示文本和图像（续示文本和图像（续.）通过拖拽或左右箭头键移动Label(图.2.29)。当Label 被选择,通过格式格式菜单剧中。图图.2.29|定制窗体和label后的GUI使更新后的Text属性居中缩放句柄 2009 Pearson Education,Inc.All rights reserved.482.6 用可视化程序开发创建简单的程序，显用可视化程序开发创建简单的程序，显示文本和图像（续示文本和图像（续.）改变Label的文本的字体,选择FontFont 属性(图.2.30)。当省略号被单击时，显示一个对话框提供额外信息。图图.2.30|显示Label属性的属性窗口省略号按钮 2009 Pearson Education,Inc.All rights reserved.492.6 用可视化程序开发创建简单的程序，显用可视化程序开发创建简单的程序，显示文本和图像（续示文本和图像（续.）Font 对话框(图.2.31)允许选择字的名称、类型和字号。字体下面选择字体下面选择Segoe UI，字号下面选择 24 磅单击确定 如果Label不够容纳文本可以调整Label的大小。图图.2.31|选择字体、类型和大小的对话框字体样式所选字体t 2009 Pearson Education,Inc.All rights reserved.502.6 用可视化程序开发创建简单的程序，显用可视化程序开发创建简单的程序，显示文本和图像（续示文本和图像（续.）选择Label的TextAlignTextAlign 属性(图.2.32)。设置 TextAlign 属性值为MiddleCenter.。图图.2.32|使Label的文本居中对齐.文本对齐选项居中对齐选项 2009 Pearson Education,Inc.All rights reserved.512.6 用可视化程序开发创建简单的程序，显用可视化程序开发创建简单的程序，显示文本和图像（续示文本和图像（续.）在工具箱中选择PictureBox控件并添加到窗体(图.2.33)。图图.2.33|插入和对齐图片框更新后的LabelPictureBox控件 2009 Pearson Education,Inc.All rights reserved.522.6 用可视化程序开发创建简单的程序，显用可视化程序开发创建简单的程序，显示文本和图像（续示文本和图像（续.）单击PictureBox 控件显示属性窗口(图.2.34)。如果图像存在，ImageImage 属性可以预览图像。图图.2.34|PictureBox控件的Image属性.Image属性值（没有选择图像）2009 Pearson Education,Inc.All rights reserved.532.6 用可视化程序开发创建简单的程序，显用可视化程序开发创建简单的程序，显示文本和图像（续示文本和图像（续.）单击省略号按钮显示“选择资源选择资源”对话框(图.2.35)。单击导入导入（Import）按钮来浏览插入图像(bug.png)。图图.2.35|选择资源资源对话框为PictureBox选择图像.2009 Pearson Education,Inc.All rights reserved.542.6 用可视化程序开发创建简单的程序，显用可视化程序开发创建简单的程序，显示文本和图像（续示文本和图像（续.）在显示的对话框中,设置图像文件,选择并单击“确定”(图.2.36)。单击确定将图像放置在程序中。图图.2.36|选择资源对话框预览选择的图像.图像文件名 2009 Pearson Education,Inc.All rights reserved.552.6 用可视化程序开发创建简单的程序，显用可视化程序开发创建简单的程序，显示文本和图像（续示文本和图像（续.）设置PictureBox的图像的大小,改变SizeModeSizeMode 属性为StretchImageStretchImage(图.2.37)。图图 2.37|按图形框的大小缩放图像SizeMode属性 将SizeMode属性设置为StretchImage 2009 Pearson Education,Inc.All rights reserved.562.6 用可视化程序开发创建简单的程序，显用可视化程序开发创建简单的程序，显示文本和图像（续示文本和图像（续.）重新PictureBox的大小,使它更大(图.2.38).选择文件文件（File）保存全部保存全部(Save All)保存整个解决方案。图图.2.38|PictureBox显示图像新插入的对象 2009 Pearson Education,Inc.All rights reserved.572.6 用可视化程序开发创建简单的程序，显用可视化程序开发创建简单的程序，显示文本和图像（续示文本和图像（续.）在运行模式中,程序正在执行，一些特性是禁止的(图.2.39).图图.2.39|测试一个解决方案debug 菜单 2009 Pearson Education,Inc.All rights reserved.582.6 用用 Visual Programming创建创建 a Simple Program(续续.)选择测试（Debug）运行（运行（Start Debugging）执行程序(图.2.48)。图图.2.48|运行模式下的IDE，正在运行的程序位于前端运行中的程序窗体IDE显示文本“运行”表明程序正在执行关闭框