C2012大学教程剖析.pptx

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