自定义屏幕外观

2013-02-21

在本课中，您将学习如何在 LightSwitch 中更改屏幕的布局和外观。

自定义屏幕

通过使用**“屏幕设计器”**，可以用多种方式自定义屏幕。例如，您可以更改字段的显示顺序、更改用来表示字段的控件类型以及限制修改字段的能力。

查看屏幕

在**“解决方案资源管理器”中，双击“OrdersByCustomers”** 屏幕。
按 F5 运行该应用程序，然后在导航菜单上，单击**“客户订单”**，以显示该窗体。

当在左侧您选择**“客户”**列表中的客户时，有关该该客户的详细信息以及相关订单的列表会显示在右侧。
单击该应用程序窗口右上角的**“关闭”**按钮，以关闭窗口。

更改显示名称

在**“屏幕设计器”的中央窗格中，选择最上面的“列布局|客户顺序”**节点。
在**“属性”窗口中，选择“描述”**字段并输入选择要查看其订单的客户。

当您运行该应用程序时，此消息将显示为该屏幕的工具提示。
按 F5 运行该应用程序，然后在导航菜单上，单击**“客户订单”**，以显示该屏幕。若要显示工具提示，将指针移到屏幕的选项卡上的“客户订单”，然后暂停。
单击该应用程序窗口右上角的**“关闭”**按钮，以关闭窗口。

更改控件和显示顺序

在**“行布局|详细信息列”节点下，选择“公司”**节点。
在下拉列表中，选择**“标签”**。

这可防止正在运行的应用程序中编辑 Company 字段。
选择**“电话”**节点。
将其拖到**“公司”**节点正下方。

这将更改在屏幕上的显示顺序。
按 F5 运行该应用程序，然后在导航菜单上，单击**“客户订单”**，以显示该屏幕并验证更改。
单击该应用程序窗口右上角的**“关闭”**按钮，以关闭窗口。

禁用数据网格的命令

展开**“DataGrid |订单”**节点。
如果**“命令栏”**节点尚未展开，请将其展开。
选择**“编辑…”节点。在“属性”窗口中，清除“IsVisible”**复选框。

这将禁用**“订单”数据网格的“编辑”**命令。
对**“删除”**节点重复该过程。
按 F5 运行该应用程序，然后在导航菜单上，单击**“客户订单”**，以显示该屏幕并验证更改。

请注意，**“编辑”和“删除”**按钮此时都缺失。
单击该应用程序窗口右上角的**“关闭”**按钮，以关闭窗口。

使屏幕变为只读

展开**“DataGrid |订单”**节点。
展开**“命令栏”**节点。
选择**“添加…”节点，然后在“工具栏功能区”上，单击“删除”**按钮。
选择**“DataGrid |顺序”节点，然后选择“数据网格行|订单”**。
在**“属性”窗口中，选择“使用只读控件”**复选框。

这可防止用户修改网格中的数据。
按 F5 运行该应用程序，然后在导航菜单上，单击**“客户订单”**，以显示该屏幕并验证更改。

请注意，**“添加”**按钮已不再存在，并且不再可以修改该网格中的数据。
单击该应用程序窗口右上角的**“关闭”**按钮，以关闭窗口。

详细了解

本课演示了如何执行多个任务以修改**“OrdersByCustomer”屏幕的外观和行为。该课程还演示了“屏幕设计器”中的“屏幕内容树”**如何与正在运行的屏幕中的用户界面进行关联。

当您更改屏幕**“说明”时，您为最终用户提供帮助。您可能还记得，在前面的课程中，您更改过“实体设计器中 ContactName 字段的“描述”。当您设置“实体设计器”中的“描述”时，更改会传播到所有屏幕；当您将设置“屏幕设计器”**中的描述时，只会更改您正在使用的屏幕。

当您将**“公司”字段的控件类型从“TextBox”更改为“标签”时，您可能注意到每个字段的可用控件列表中仅包含适用于基础数据类型的字段的控件。例如，对于 Text 字段，可以选择“文本框”或“标签”**。如果已安装包括用来显示 Text 的控件的扩展名，则该控件也会出现在列表中。另一课介绍扩展名。

除了可将字段拖到列表（此时为**“客户”列表）中的另一个位置，还可以将字段从“屏幕设计器左侧窗格拖到中央窗格。例如，如果不小心删除了“城市”字段，可将其从左侧窗格中的“客户”**节点中拖回来。

当您禁用**“订单”网格中的“编辑”和“删除”命令时，您可能会注意到您仍可以直接在网格中编辑和删除订单。若要解决这个问题，可稍后通过设置“使用只读控件”属性，使“订单”网格变为只读。“使用只读控件”属性影响下它在“屏幕内容”树中的所有节点。例如，如果将顶级“网格|客户订单”节点的属性设为“使用只读控件”**，则整个屏幕会变为只读。

说明
当“使用只读控件” 属性设置时，不会禁用“添加”、“编辑”以及“删除”命令。当启用这些命令时，用户仍可以修改数据。

后续步骤

在下一课中，您将学习如何进一步自定义屏幕。

下一课：添加局部属性

请参见

任务

如何：创建 Silverlight 屏幕

演练：设计一个屏幕

其他资源

创建屏幕

屏幕：应用程序的用户界面