如何:使用屏幕设计器设计 Silverlight 屏幕
您可以通过使用屏幕设计器来修改屏幕的外观。 您可以使用屏幕设计器来完成以下的设计任务。
字段和命令设计任务
将一组信息添加到屏幕。
修改组布局。
添加按钮。
添加项。
删除项。
移动项。
更改项的显示名称。
更改项的标签位置。
更改项的大小。
显示或隐藏项。
更改项的控件类型。
将自定义控件添加到屏幕。
撤消更改。
数据集合设计任务
更改集合在屏幕首次加载时是否显示数据。
启用或禁用分页。
启用或禁用排序。
启用或禁用搜索。
有关如何在应用程序运行时完成设计任务的详细信息,请参见 如何:自定义正在运行的应用程序中的 Silverlight 屏幕。
将一组信息“添加到”屏幕
在**“屏幕内容树”**中,选择您要向其中添加一组信息的组。
在**“屏幕设计器”顶部,单击“添加布局项”,然后单击“组”**。
随即显示新组。
将项拖动到该组。 您可以从设计器的**“屏幕成员列表”**中或从屏幕内容树的其他区域中拖动项。
修改组的布局
在**“屏幕内容树”**中,单击您要修改的组旁边的向下键。
将显示一个下拉列表。 下拉列表会显示该组可用的所有控件类型。
从控件下拉列表中,选择控件类型。
您选择的控件类型会影响组的布局。 有关版每种控件类型的更多信息,请参见 参考:屏幕设计器属性。
添加按钮
在**“屏幕内容树”中,选择任意“命令栏”**节点。
在**“屏幕设计器”顶部,单击“添加布局项”,然后单击“按钮”**。
**“命令栏”**节点下出现一个按钮。
添加当用户单击按钮时运行的代码。 有关更多信息,请参见 如何:向 Silverlight 屏幕添加自定义命令。
添加项
在**“屏幕设计器”的“屏幕成员列表”中,将项(例如,字段或命令)拖动到在“屏幕的内容树”**中所需的位置。
提示
屏幕内容树是显示在设计器中间的屏幕对象的层次结构。
当您拖动项时,鼠标光标会更改,以指示该项是否可以放在一个给定的点。 如果鼠标光标变为中间有斜杠的圆,则您将无法将该项放在该位置。
您还可以向屏幕添加自定义字段。 有关更多信息,请参见 如何:向 Silverlight 屏幕添加局部属性。
删除项
在**“屏幕内容树”**中,选择您要将其从屏幕中删除的项(例如,字段或命令)。
在**“屏幕内容树”顶部,单击“删除”**按钮。
移动项
在**“屏幕内容树”**中,将项(例如,字段或命令)拖动到在项列表中所需的位置。
例如,拖动 PostalCode 自动并将其放在 Country 字段下面,或拖动**“编辑”按钮并将其放在“删除”**按钮上面。
备注
当您拖动字段时,鼠标光标会更改,以指示该项是否可以放在一个给定的点。如果鼠标光标变为中间有斜杠的圆,则您将无法将该项放在该位置。
更改项的显示名称
在**“屏幕内容树”**中,选择项目(例如,字段或命令)。
在**“属性”窗口中,选择“显示名称”**下的文本框,并键入要为该项显示的名称。
更改显示名称不会更改的项的名称。 这只会更改该项在屏幕中出现的名称。
更改项的标签位置
在**“屏幕内容树”**中,选择字段。
在**“属性”窗口中,单击“标签位置”**下的下拉列表,并选择所需位置。
下表对每个选项进行描述。
标签位置
说明
左对齐
该标签会出现在控件左侧。
右对齐
该标签会出现在控件右侧。
Top
该标签会出现在控件上方。
Bottom
该标签会出现在控件下方。
无
所选的数据字段不会出现标签。
Collapsed
将字段放在原本为标签保留的空间中。
更改项的大小
在**“屏幕内容树”**中,选择项目(例如,字段或命令)。
在**“属性”窗口的“调整大小”**下,为控件的宽度和高度选择所需的大小。
有关每项设置的信息,请参见 参考:屏幕设计器属性。
显示或隐藏项
在**“屏幕内容树”**中,选择项目(例如,字段或命令)。
在**“属性”窗口中,选择或清除“可见”**属性。
如果您选择**“可见”,则当应用程序运行时,该项会出现在屏幕上。 如果您清除“可见”**,则当应用程序运行时,该项在屏幕上不可见。
备注
当应用程序运行时,在屏幕上不可见的项的旁边会出现标签“(不可见)”。
更改项的控件类型
在**“屏幕内容树”**中,选择项旁边的下拉列表。
从下拉列表中,选择所需的控件类型。
大多数控件类型都为内置控件类型。 您还可以将控件类型设为通过使用其他工具创建的自定义控件。 有关自定义控件的更多信息,请参见 如何:向 Silverlight 屏幕添加自定义控件。
将自定义控件添加到屏幕。
在**“屏幕内容树”**中,选择任意组。
在**“屏幕设计器”顶部,单击“添加布局项”,然后单击“自定义控件”**。
有关更多信息,请参见 如何:向 Silverlight 屏幕添加自定义控件。
撤消更改
在**“编辑”菜单上单击“撤消”**。
提示
如果您不小心撤消了在“屏幕设计器”中的编辑,可在“编辑”菜单上,单击“重做”。
更改集合在屏幕首次加载时是否显示数据
在**“屏幕设计器”的“屏幕成员列表”**中,选择集合的标题(例如,OrderCollection 标题)。
如果您不希望屏幕出现时,集合显示任何数据,可在**“属性”窗口中,清除“自动执行查询”复选框。 如果您希望集合在屏幕出现时显示数据,可选择“自动执行查询”**复选框。
启用或禁用分页
在**“屏幕设计器”的“屏幕成员列表”**中,选择集合的标题(例如,OrderCollection 标题)。
如果您希望用户看到查询返回的所有行,即使行的集合很大,可在**“属性”窗口中,清除“支持分页”复选框。 如果您要限制查询返回大量记录时向用户显示的记录数,可选择“支持分页”**复选框。
如果选择**“每页要显示的项号”中的“支持分页”**,请指定您要向用户显示的行数。
备注
用户可以通过单击屏幕中的链接在行集中向前移动。
启用或禁用排序
在**“屏幕设计器”的“屏幕成员列表”**中,选择集合的标题(例如,OrderCollection 标题)。
如果您不希望用户对该集合出现的数据进行排序,可在**“属性”窗口中,清除“支持排序”复选框。 如果您希望使用户能够对该集合出现的数据进行排序,可选择“支持分页”**复选框。
启用或禁用搜索
在**“屏幕设计器”的“屏幕成员列表”**中,选择集合的标题(例如,OrderCollection 标题)。
如果您不希望搜索框出现在集合的上面,可在**“属性”窗口中,清除“支持搜索”复选框。 如果您希望搜索框出现在集合的上面,可选择“支持搜索”**复选框。 有关如何使用户能够搜索数据的更多信息,请参见 How to: Enable the User to Search Data。
请参见
任务
如何:自定义正在运行的应用程序中的 Silverlight 屏幕