1.2.2 集成开发环境的主要子窗口

Visual Studio启动后，选择“文件”→“新建”→“网站”命令，在弹出的“新建网站”对话框中选择“ASP.NET Web窗体网站”选项，填写网站文件夹的保存位置，单击“确定”按钮，系统将按用户的选择自动进行网站相关配置，并将一个默认样式的网站打开到Visual Studio IDE主窗口中，如图1-6所示。从图1-6中可以看到，主窗口中除了具有菜单栏、工具栏外，还包含许多子窗口，其中最常用的是“工具箱”“解决方案资源管理器”和“属性”子窗口。更多子窗口可以通过选择“视图”菜单中的相应命令将其打开。在一些显示出来的子窗口下方会有一些选项卡，如“输出”窗口下方就包含一个“错误列表”选项卡，单击这些选项卡可以在子窗口间进行切换显示。

用户的主要工作区域是Web窗体设计器代码编辑窗口，该子窗口用来显示Web窗体的“源”视图、“设计”视图或程序“代码窗口”。

1.解决方案资源管理器

使用Visual Studio开发的应用程序称为解决方案，每一个解决方案可以包含一个或多个项目。一个项目通常是一个完整的程序模块，可以包含多个项。“解决方案资源管理器”窗口中显示了Visual Studio解决方案的树形结构，单击项名称前面的空心或实心三角形标记，可以使该项展开或折叠。在“解决方案资源管理器”中可以像在Windows资源管理器中那样，浏览组成解决方案的所有项目和每个项目中的文件，可以对解决方案的各元素进行各种操作，如打开、编辑、添加内容、重命名和删除等。

（1）Web页面设计

在解决方案资源管理器中，双击某个文件，将在主窗口中显示相应的视图。例如，双击Web窗体文件（.aspx）将打开网页的源视图（HTML代码设计方式）或设计视图（可视化设计方式），如图1-7和图1-8所示。

在Web窗体设计器代码编辑窗口中打开Web窗体文件后，下方将出现“源”“拆分”和“设计”3个选项卡，选择相应的选项卡可在编辑区中进行“源”视图、“拆分”视图和“设计”视图之间的切换。

在“拆分”视图中，可在窗口中同时显示源视图和设计视图的内容，这种方式在设计页面外观时非常有用。在“源”视图中，可以使用HTML、JavaScript和jQuery等进行Web页面设计。在“设计”视图中，可以使用“工具箱”中的控件，通过可视化的方式“画出”Web页面。

（2）编写程序代码

在解决方案资源管理器中双击代码文件（.cs）或在选择了某个.aspx文件后单击解决方案资源管理器上方的按钮，都可以打开如图1-9所示的源视图，切换到程序代码设计模式。

2.“属性”窗口

“属性”窗口用于设置解决方案中各对象的属性，当选择Web窗体的设计视图、解决方案和类视图中的某一项时，“属性”窗口将以表格的形式显示该子项的所有属性，图1-10所示为在Web窗体中选择了一个标签控件Label1时显示的属性内容。

在“属性”窗口的上方有一个下拉列表框，用于显示当前选定的对象名称及所属类型。可以单击其后的下拉按钮，从打开的下拉列表中选择Web窗体中包含的其他对象，例如，如果选择的是Web窗体中的控件对象，在设计器窗口中，被选择的对象会自动处于选定状态（四周出现3个用于调整大小的控制点），原来选定的对象自动取消选定。

“属性”窗口左边显示的是属性名称，右边显示的是对应各属性的属性值。选择某一属性名称后，可以在右边修改该属性值。例如，希望Label1中显示文字“欢迎使用VS2015”，则可在选中Label1后，在Label1的Text属性右侧输入上述文字即可。

选择设计视图中的Web窗体或窗体中的某控件，并在“属性”窗口中单击“事件”按钮，“属性”窗口中将显示被选控件支持的所有事件列表，如图1-11所示。双击某一事件名称，将自动打开代码窗口，并添加该事件方法的声明，用户可在其中填入响应事件的Visual C#代码。属性与事件窗口的下部有一个属性或事件功能说明区域，当选择某一属性或事件时，说明区域显示文字说明属性或事件的作用（图1-11中所示的是对DataBinding事件的描述），这对初学者而言很有用。

3.工具箱

默认状态下，工具箱处于“自动隐藏”状态，主窗口的左边框处显示有工具箱的选项卡标签。当单击该标签时，工具箱将显示到屏幕中。

工具箱用于向Web窗体中添加控件。它使用选项卡分类管理其中的控件，打开工具箱将显示Visual Studio项目中使用的控件列表。根据当前正在使用的设计器或编辑器，工具箱中可用的选项卡和控件会有所变化。

Visual Studio将控件放在不同的分类中，各分类卡以空心三角标记表示折叠状态，以实心三角标记表示已展开状态。其中最常用的是标准控件（服务器控件）和HTML元素控件，如图1-12和图1-13所示。默认情况下，工具箱中的控件以名称的字母顺序排列，以方便用户查找控件。需要说明的是，“工具箱”中的控件只有在打开Web窗体文件（.aspx）时才会显示出来。

如果打开了某.aspx文件，“工具箱”窗口仍没有出现在Visual Studio的IDE环境中，可以通过选择“视图”→“工具箱”命令将其打开。

用户不但可以从工具箱中选择控件并将其拖动到Web页面中，还可以将某一代码片断拖动到工具箱中暂存，以便将来重新使用。例如，可以将按钮（Button）控件从工具箱中拖放到Web窗体设计视图中，完成向Web窗体中添加控件的操作；也可以从代码窗口中选择并拖出一个代码片段到工具箱中。将来需要重复使用该代码段时，可将其拖回代码窗口的适当位置。在选择了工具箱中的某一项后，单击控件列表中的“指针”按钮可撤销当前选择。

4.集成开发环境子窗口的操作

在Visual Studio集成开发环境中，有两类子窗口，一类是在Web窗体编辑区显示的窗口，如“起始页”“代码”窗口和“设计”视图窗口等；另一类是在Web窗体编辑区周围显示的子窗口，如“工具箱”“解决方案资源管理器”“服务器资源管理器”“类视图”“属性”“动态帮助”“输出”和“任务列表”等。

如果在Web窗体编辑区显示的窗口不止一个，则诸多窗口以选项卡的形式叠放在一起，在最前端显示的为当前活动窗口。可以通过选项卡的标签切换各个窗口，在窗口的右上角有一个“关闭”按钮，用于关闭窗口，“关闭”按钮只对当前活动窗口有效。要关闭某一窗口，首先要使该窗口成为当前活动窗口，然后单击“关闭”按钮。

在Web窗体编辑区周围的窗口也是由若干子窗口共享某一屏幕区域，以选项卡的形式叠放在一起的，通过标签切换窗口。这些窗口的标题栏右部都有两个操作按钮、“关闭”按钮和“图钉”按钮。“关闭”按钮用于关闭窗口，而“图钉”按钮用于决定窗口的隐藏与显示状态，在显示状态下又有停靠显示与浮动显示两种方式。

当“图钉”为横向时，窗口为自动隐藏状态，这时窗口以标签形式显示在Visual Studio的左、右、下边框上。单击标签，窗口会显示，单击窗口以外其他位置，则窗口又重新隐藏。

当“图钉”为纵向时，窗口为固定显示状态，默认为停靠显示方式，即窗口附着在Visual Studio的左、右、下边框上。这时将鼠标指针指向窗口的标题栏并拖动，使窗口离开边框，窗口即为浮动显示方式，这时标题栏上的“图钉”按钮将消失。如果要使浮动方式变为停靠方式，只须拖动窗口至Visual Studio主窗口的边框上即可。