C2012大学教程第2章剖析.ppt

,2,2,VisualStudioExpress2012forWindowsDesktop介绍,3,Seeingisbelieving.眼见为实ProverbFormeverfollowsfunction.LouisHenriSullivanIntelligenceisthefacultyofmakingartificialobjects,especiallytoolstomaketools.Henri-LouisBergson,4,目标,本章将讲解:VisualStudioExpress2012forWindowsDesktopIntegratedDevelopment(IDE)基础知识，编写、运行和调试应用。VisualStudio的帮助特性。IDEs菜单和工具栏中的主要命令。理解VisualStudioExpress2012forWindowsDesktopIDE中各种窗口的用途。,5,目标,什么是可视化程序开发，它是如何简化和提速应用开发的。用可视化程序开发技术创建、编译和执行简单的VisualC#程序，可视化程序技术显示文本和图像。,6,2.1简介2.2VisualStudioExpress2012IDE概述2.3菜单栏和工具栏2.4VisualStudioIDE导航2.5使用帮助2.6使用可视化程序开发创建简单的程序，显示文本和图像,7,2.1简介,VisualStudio2012是Microsoft的集成开发环境(IDE)，用于创建、运行和调试各种.NET编程语言编写的程序。VisualStudio2012IDE允许拖放预定义的组件到合适的界面位置这种技术就叫做可视化程序开发（visualappprogramming）。,8,2.2概述VisualStudioExpress2012IDE,有多个可用的VisualStudio版本。书中的大多数例子基于VisualStudioExpress2012forWindowsDeskto版本。.给出的例子能够用于VisualStudio的所有版本但有些选项、菜单和指令可能有所不同。,9,MicrosoftVisualStudioExpress2012forWindowsDesktop简介启动IDE,选择“开始”“所有程序”MicrosoftVisualStudio2012ExpressVSExpressforDesktop(在Windows8系统中,在开始屏幕上单击VSforDesktop图标),2.2概述VisualStudioExpress2012IDE（续.）,2.2概述VisualStudioExpress2012IDE（续.）,图.2.1|在VisualStudioExpress2012forWindowsDesktop中的开始页.,一旦开始执行ExpressEdition,会显示“开始页“标签。(如图.2.1).,11,“开始页”中的链接被分为两列左列“开始”（Start）部分包含的选项可以用来新创建一个程序或者打开以前创建的程序。“最近”（Recent）部分包含最近创建或修改过的工程的链接。右列包含三个标签入门，操作方法视频，新闻。“入门”标签提供由VisualStudio和学习资源提供的编程语言信息。-新闻标签包含一个RSSFeed按钮。,2.2概述VisualStudioExpress2012IDE（续.）,12,你可以使用网络浏览器（internalwebbrowser）浏览网页。选择“试图”（View）“其他窗口”（OtherWindows）Web浏览器（WebBrowser）。通过输入URL地址到地址栏访问Web网页(图.2.2).,2.2概述VisualStudioExpress2012IDE（续.）,Requestedwebpage(URLinlocationbardrop-down),Selectedtabforrequestedwebpage,Fig.2.2|在VisualStudio中显示网页.,13,工程（project）是一组相关的文件,比如创建程序的代码文件和一些图像文件。解决方案（Solutions）包含一个或多个工程。VisualC#开始编程,选择“文件”（File）“新建工程”（NewProject）。,2.2概述VisualStudioExpress2012IDE（续.）,14,“新建工程”对话框(图.2.3),2.2概述VisualStudioExpress2012IDE（续.）,图2.3|“新建工程”对话框,2.2概述VisualStudioExpress2012IDE（续.）,用户可以用VisualC#模板创建工程类型（Templates）在Windows操作系统运行一个Windows窗体应用程序，这个程序具有一个可视化用户界面【graphicaluserinterface(GUI)】用户与程序交互的可视化部分。,16,选择“窗体应用程序”,然后单击“确定”显示IDE设计视图(图.2.4),它包含创建程序的特性。灰色的方块(叫窗体Form)表示应用程序的主窗体。,2.2概述VisualStudioExpress2012IDE（续.）,17,2.2概述VisualStudioExpress2012IDE（续.）,图.2.4|IDE的设计视图.,18,图2.5显示在属性窗口（Properties）修改窗体的名称。,2.2概述VisualStudioExpress2012IDE（续.）,图.2.5|在VisualStudioIDE中的文本框控件中修改属性.,Textbox(displayingtheFormsname,Form1)whichcanbemodified,19,图2.6显示在字体对话框中修改控件的文字属性。,2.2概述VisualStudioExpress2012IDE（续.）,图.2.6|在VisualStudioIDE中通过属性对话框修改控件的文字属性,OKbutton,Cancelbutton,20,2.3菜单栏和工具栏(续.),管理IDE的命令被包含在菜单和菜单栏中(图.2.7)。菜单栏的显示依赖于当前在IDE中所做的工作。菜单包含相关的菜单项（menuitems）使IDE执行特定的操作。图2.8总结了图2.7中显示的菜单。,图.2.7|VisualStudio菜单栏,21,图.2.8|VisualStudio2012IDE菜单.,2.3菜单栏和工具栏(续.),2.3菜单栏和工具栏(续.),从工具栏中可以访问许多常用的菜单命令(图.2.9),包含了图标，它以图示化的方式显示命令。显示的标准工具栏可以修改，依靠所使用的的VisualStudio版本。,23,2.3菜单栏和工具栏(续.),图.2.9|VisualStudio标准工具栏.,后向导航,新工程,向后导航,打开文件,保存,保存全部,恢复,重做,启动,解决方案配置,解决方案平台,在文件中查找,24,2.3菜单栏和工具栏(续.),添加更多的工具栏（视图（View）工具栏（Toolbars）(图.2.10).,图.2.10|添加Build工具栏到IDE.,Additionaltoolbarsappearhere,25,2.3菜单栏和工具栏(续.),鼠标悬停在图标上会使图标加亮显示，只需做短暂停留就会显示这个图标的描述，这称为工具提示(图.2.11)。同居提示有助于熟悉IDE的特性便于记住每个工具栏图标的功能。,图.2.11|IDE工具栏图标显示额外的命令,当鼠标悬停在一个图标上时，就会出现工具提示,26,2.4VisualStudioIDE导航,IDE提供的窗口用于访问工程文件和定制控件。IDE的窗口可以通过选择“视图”菜单的名称访问。,27,2.4StudioIDE导航(续.),VisualStudio提供了一个节省空间的特性，称为自动隐藏。（auto-hide）当自动隐藏可用时，标签显示在IDE的边缘(图.2.12)。,图.2.12|自动隐藏特性演示,自动隐藏的Toolbox和DataSources窗口,自动隐藏的SolutionExplorer和Properties窗口,28,2.4StudioIDE导航(续.),鼠标放在图标上将显示窗口(图.2.13).,图.2.13|启动自动隐藏特性时显示隐藏的工具箱窗口,展开的工具箱窗口,当启动自动隐藏特性时，图钉图标是水平方向的,29,2.4StudioIDE导航(续.),为了禁用自动隐藏特性并使窗口打开,单击窗口右上角的图钉图标。当“钉住”窗口时，图钉图标是垂直的。(图.2.14).,图.2.14|禁用自动隐藏(“钉住”窗口),“钉住”工具箱,当“钉住”窗口时，图钉图标是垂直的,2.4StudioIDE导航(续.),后面的几个小节将概要介绍VisualStudio的三个主要窗口解决方案资源管理器（theSolutionExplorer）,属性窗口（thePropertieswindow）和工具箱（theToolbox）,31,2.4StudioIDE导航(续.),2.4.1解决方案资源管理器窗口解决方案资源管理器（SolutionExplorer）(图.2.17)提供了对解决方案中所有文件的访问。启动工程。（测试Debug运行StartDebugging）与窗体（Form）对应的文件名为Form1.cs.VisualC#文件的扩展名为.cs。,图.2.15|打开了工程的的解决方案资源管理器（SolutionExplorer）,工具栏,显示所有文件图标,启动工程,32,2.4StudioIDE导航(续.),尝试单击一下“引用”（Reference）左边的箭头，会显示该目录下分组的那些项目。（图.2.16).,图.2.16|展开了“引用”（Reference）节点的解决方案资源管理器窗口（SolutionExplorer）,单击箭头，展开节点,点击箭头，收缩节点,33,2.4StudioIDE导航(续.),2.4.2工具箱工具箱中包含的图标代表控件，用于定制窗体。(图.2.17)工具箱将一些预先已建立好的控件按类别分组。,图.2.17|显示了CommonControls组中控件的工具箱窗口,组名称,控件,34,2.4StudioIDE导航(续.),2.4.3属性窗口显示属性窗口,选择“视图”（View）“属性窗口”（PropertiesWindow）。属性窗口允许程序员直观地修改控件的属性，而不必编写代码。(图.2.18).,35,2.4StudioIDE导航(续.),图.2.18|属性窗口,分类图标,字母顺序图标,属性,所选属性的描述,属性值,滚动条,滑动条,工具栏,组件选择下拉列表,36,2.5使用帮助,上下文相关帮助（Context-sensitivehelp）显示相关帮助的文档而不是列表。(图.2.19).要使用上下文相关帮助，可单击某个项目，然后按F1。,图.2.19|使用上下文相关帮助显示窗体的相关文档,37,2.6用可视化程序开发创建简单的程序，显示文本和图像,VisualC#有已存在的控件用于创建和定制程序。(图.2.20).一个Label控件包含了描述文本。一个PictureBox文件显示图片，例如，Deitelbugmascot（Deitel虫子吉祥物）。,图.2.20|执行一个简单的程序,Label控件,PictureBox控件l,38,2.6用可视化程序开发创建简单的程序，显示文本和图像（续.）,选择文件（File）新建项目并创建一个新的Windows窗体应用程序（WindowsFormsApplication）(图.2.21)。将工程命名为ASimpleProgram并单击“确定”。,图.2.21|新建工程对话框,39,2.6用可视化程序开发创建简单的程序，显示文本和图像（续.）,单击窗体中的任何地方，会在“属性”窗口中显示该窗体的属性。单击Text属性框右侧的文本框并输入“ASimpleApp”(图.2.22).,图.2.22|在属性窗口中设置窗体的Text属性,选中的属性,属性描述,对象的名称和类型,属性值,40,2.6用可视化程序开发创建简单的程序，显示文本和图像（续.）,按Enter窗体的标题栏会立即更新。(图.2.23)单击并拖动窗体的缩放句柄之一。(图.2.23).,图.2.23|启用缩放句柄的窗体,启用的缩放句柄,标题栏,41,2.6用可视化程序开发创建简单的程序，显示文本和图像（续.）,选择右下角的缩放句柄，并向下向右拖动，可使窗体变大。(图.2.24)程序员通过设置窗体的属性调整窗体的大小。,图.2.24|调整窗体大小,42,2.6用可视化程序开发创建简单的程序，显示文本和图像（续.）,单击属性窗口中的BackColor，会在属性旁边出现一个向下箭头按钮(图.2.25)。当单击时，显示Custom,Web和System标签。单击Custom标签显示调色板并选择淡蓝色。,图.2.25|改变窗体的BackColor属性,当前颜色,向下箭头按钮,淡蓝色,定制调色板,43,2.6用可视化程序开发创建简单的程序，显示文本和图像（续.）,一旦选择颜色，窗体的背景色立刻变为淡蓝色。(图.2.26).,图.2.26|应用新的背景色后的窗体,新的淡蓝背景色,44,2.6用可视化程序开发创建简单的程序，显示文本和图像（续.）,在工具箱中双击Label控件来添加Label控件(图.2.27)。也可以从工具箱中“拖”控件到窗体。,图.2.27|添加一个Label控件到窗体,Label控件,45,2.6用可视化程序开发创建简单的程序，显示文本和图像（续.）,选择Label在属性窗口中定制它的属性(Fig.2.28)。选择Label的Text属性设置成WelcometoVisualC#!。AutoSize属性被设置为True,将使Label的大小适应它的文本。设置AutoSize属性为False。,46,2.6用可视化程序开发创建简单的程序，显示文本和图像（续.）,图.2.28|改变Label的AutoSize为False.,AutoSize属性,47,2.6用可视化程序开发创建简单的程序，显示文本和图像（续.）,通过拖拽或左右箭头键移动Label(图.2.29)。当Label被选择,通过格式菜单剧中。,图.2.29|定制窗体和label后的GUI,使更新后的Text属性居中,缩放句柄,48,2.6用可视化程序开发创建简单的程序，显示文本和图像（续.）,改变Label的文本的字体,选择Font属性(图.2.30)。当省略号被单击时，显示一个对话框提供额外信息。,图.2.30|显示Label属性的属性窗口,省略号按钮,49,2.6用可视化程序开发创建简单的程序，显示文本和图像（续.）,Font对话框(图.2.31)允许选择字的名称、类型和字号。字体下面选择SegoeUI，字号下面选择24磅单击确定如果Label不够容纳文本可以调整Label的大小。,图.2.31|选择字体、类型和大小的对话框,字体样式,所选字体t,50,2.6用可视化程序开发创建简单的程序，显示文本和图像（续.）,选择Label的TextAlign属性(图.2.32)。设置TextAlign属性值为MiddleCenter.。,图.2.32|使Label的文本居中对齐.,文本对齐选项,居中对齐选项,51,2.6用可视化程序开发创建简单的程序，显示文本和图像（续.）,在工具箱中选择PictureBox控件并添加到窗体(图.2.33)。,图.2.33|插入和对齐图片框,更新后的Label,PictureBox控件,52,2.6用可视化程序开发创建简单的程序，显示文本和图像（续.）,单击PictureBox控件显示属性窗口(图.2.34)。如果图像存在，Image属性可以预览图像。,图.2.34|PictureBox控件的Image属性.,Image属性值（没有选择图像）,53,2.6用可视化程