工具箱

VWD在工具箱中提供了ASP.NET服务器端控件集，以便于将这些控件拖放到页面上。第3章将详细讨论各种服务器端控件以及它们的使用方法；这里只需要大概了解怎样使用工具箱就可以了。要显示工具箱，可以选择菜单View->Toolbox或按下Ctrl+Alt+X。随后，可以拖动它的标题栏将其移动到新的位置。在向不同位置拖动工具箱时，将显示一个罗盘图标，允许将工具箱向上、向下、向左或向右拖动，或者拖放到另一个窗口的上面。如果希望最大化设计区的面积，则可以将Solution Explorer和Toolbox叠放在一起。
工具箱由一些面板组成，其中一些相似的控件组织在面板上。可以展开面板显示工具，也可以折叠面板以节约空间。在安装VWD时可以改变工具箱所包含的控件，但是一个典型的工具箱包含以下几个面板：
●       Standard，包含大多数ASP.NET 2.0服务器端控件。
●       Data，包含数据源和数据绑定控件。
●       Validation，如果用户输入在可接受的值的范围之外，则该面板所包含的控件将拒绝用户的输入。
●       Navigation，包含菜单和breadcrumb等导航控件。
●       Login，包含身份验证控件。
●       WebParts，包含站点中可由用户重新安排或隐藏的比较大的组件。
●       HTML，包含常用的(非ASP)标记。
●       General，可由用户定制的工具组。
图1-7显示了可能出现在屏幕上的工具箱。
单击面板的加号图标将展开一组可用的控件列表。图1-8显示了将Login和Standard面板展开的工具箱。
     
图  1-7                       图  1-8
General面板一开始是空的。在创建了页面的一部分之后，可以选中该页面并将其拖放到General面板，从而创建一个可复用的工具。如果希望复制一组已调整好格式的控件到其他页面，则这个工具将非常有用。
在工具箱标题栏的右边有一个图钉图标，如图1-9所示。单击该图标，它将变为水平方向，意味着在没有用到工具箱时它将自动隐藏起来，而仅仅显示标题栏。

图  1-9
提示：
工具箱的外观在使用过程中是变化的。例如，每个面板的标题在选中它们时改变。
当鼠标移动到工具箱的标题栏上时，工具箱将弹出来供开发人员使用。如图1-10所示。

图  1-10
在下面的“试一试”部分，将练习使用VWD的Design和Source视图，以及工具箱的功能。

(1) 在VWD中继续编辑Mishaps页面。
(2) 切换到Design视图。在工具箱中展开HTML面板并滚动到该面板的底部。将Horizontal Rule控件从工具箱拖放到页面上(任意两个段落之间)。
(3) 下一个目标是在History页面的底部添加一个日历控件。打开工具箱的Standard面板并找到ASP.NET的日历控件。将其拖放到页面上(双击该工具将执行同样的操作)。单击选中该控件并注意其右上角指向右边的小箭头图标。单击该图标显示智能任务面板。单击Auto Format，选择一种格式，并单击Apply。注意观察使用VWD的对话框界面一次性地修改众多显示标准是多么容易。
(4) 在VWD中打开History页面。以Design视图查看该页面。将光标移动到以<%@Page…>开始的标记之前。注意导航向导(在设计面板的底部)显示当前光标位于<Page>标记中。单击<Page>标记，将选中设计面板内该标记的所有内容。
操作回顾
如您所见，工具箱提供向页面拖放各种元素的功能，就像拖放HTML控件Horizontal Rule一样，而不是输入元素的标记。即使是像日历这样复杂的结构也可以拖放到页面上。将控件添加到页面之后，可以使用智能任务面板对其进行修改。