可以通过使用屏幕设计器来设计屏幕。当您创建屏幕或双击**“解决方案资源管理器”**中的任何屏幕节点时，屏幕设计器将打开。
本主题包含以下各节：
屏幕设计器概览
屏幕成员列表
屏幕内容树
屏幕设计器命令栏
屏幕设计器概览
屏幕设计器包含“屏幕成员名单”、“屏幕设计器命令栏”和“屏幕内容树”。下面的插图显示屏幕设计器中每个区域的位置。
.png "LightSwitch 屏幕设计器")
屏幕成员列表
屏幕成员列表包含可用于您屏幕的项。这些项包括数据、方法和本地属性。通过将其拖到屏幕内容树，可以将这些项纳入您的屏幕。
默认情况下，屏幕成员列表包含与屏幕基本命令关联的方法（例如：**“保存”命令）。该列表还包含您在“添加新的屏幕”**向导中选择的数据集合。还可以将项添加到屏幕成员列表中。
下面的插图显示了屏幕成员列表。
.png "屏幕成员列表")
.gif "Gg445202.collapse_all(zh-cn,VS.110).gif")
屏幕成员列表中的数据
在屏幕成员列表中，对屏幕可用的数据将显示为集合节点。可以通过扩展集合节点查看集合的字段。您可以通过将集合节点从屏幕成员列表拖到屏幕内容树而将数据集合添加到屏幕。您还可以将单个字段从屏幕成员列表拖到屏幕内容树。
您可以通过使用**“属性”窗口来修改集合的外观和行为。您可以通过单击集合旁边的“编辑查询”**链接指定显示哪行数据。有关更多信息，请参见 如何：筛选 Silverlight 屏幕上的数据。
屏幕成员列表中的本地属性
您可以添加自定义字段（称为本地属性）以收集或显示信息。像集合和字段，您可以将本地属性从屏幕成员列表拖到屏幕内容树。在屏幕内容树中，本地属性显示为控件（例如：文本框）。有关更多信息，请参见 如何：向 Silverlight 屏幕添加局部属性。
屏幕成员列表中的方法
一种方法就是一个您可以将其与屏幕上的按钮相关联的业务逻辑的单位。将方法拖到屏幕内容树中的任何命令栏节点。屏幕设计器会自动添加用户可以单击以执行方法的按钮。有关更多信息，请参见 如何：向 Silverlight 屏幕添加自定义命令。
屏幕内容树
屏幕内容树表示以节点的层次结构（称为组）显示的屏幕内容。您可以展开或折叠组以查看该组中包含的命令、本地属性和数据字段。
下图显示了屏幕内容数：
您可以通过选择组控件布局来指定要在组中组织信息的方式。此外，还可以将组添加到其他组，以及添加、移除和定位字段和命令。有关如何完成屏幕内容树中所有这些任务的详细信息，请参见 如何：使用屏幕设计器设计 Silverlight 屏幕。
屏幕设计器命令栏
屏幕设计器命令栏显示在屏幕内容树的正上方。此命令栏包含可用于编辑集合的查询、添加集合、创建本地属性和方法、从屏幕中移除信息，以及编写在屏幕相关的特定事件发生时运行的自定义代码的命令。下表描述了屏幕设计器命令栏上的每个按钮：
Command |
说明 |
|---|---|
编辑查询 |
使用此命令可以修改数据集的查询。此命令只有在您选择屏幕成员列表中集合的标题时才会显示。有关更多信息，请参见 如何：筛选 Silverlight 屏幕上的数据。 |
添加数据项 |
使用此命令将方法、本地属性或数据集合添加到屏幕。 有关更多信息，请参见以下任意主题： |
添加布局项目 |
使用此命令将按钮、组或自定义控件添加到屏幕。 有关如何添加按钮和组的更多信息，请参见 如何：使用屏幕设计器设计 Silverlight 屏幕。 有关如何添加自定义控件的更多信息，请参见 如何：向 Silverlight 屏幕添加自定义控件。 |
Delete |
使用此命令删除屏幕成员列表或屏幕内容树中显示的项。 |
重置 |
使用该命令将控件重置为其默认控件类型，并添加回您已移除的字段。此命令仅适用于某些类型的控件。 |
编写代码 |
使用此命令打开屏幕代码文件。在屏幕代码文件的“声明”下拉列表中，您可以选择要扩展的方法。 在“屏幕设计器”命令栏中，您可以单击“编写代码”按钮旁边的下拉箭头，以显示一个适用于屏幕内容树或屏幕成员列表中当前选定的项的方法列表。从此列表中，您可以选择要扩展的方法。有关更多信息，请参见 如何：处理 Silverlight 屏幕事件。 |
请参见
任务
如何：自定义正在运行的应用程序中的 Silverlight 屏幕