Silverlight 客户端屏幕

通过了解本主题中介绍的模板、工具和任务创建和设计您的 LightSwitch 应用程序的最佳基于 Silverlight 的屏幕。

说明说明

使用 Microsoft LightSwitch for Visual Studio 更新 2 还可以创建基于 HTML 的屏幕和优化它们为移动设备。有关更多信息,请参见LightSwitch 应用程序的 HTML 客户端屏幕

屏幕模板

若要开始,请通过使用下面的屏幕模板之一创建屏幕:

  • 新数据屏幕

  • 搜索数据屏幕

  • 详细信息屏幕

  • 可编辑的网格屏幕

  • 列表和详细信息屏幕

有关如何选择模板的信息,请参见 选择屏幕类型

有关如何查找这些的信息,请参见 如何:创建 Silverlight 屏幕

屏幕设计工具

您可以在应用程序运行时通过使用“屏幕设计器”或打开**“自定义模式”**屏幕,修改屏幕的设计。

JJ713588.collapse_all(zh-cn,VS.110).gif屏幕设计器

屏幕设计器显示数据字段和命令等“项目”和分层表示你想数据的“屏幕内容树”。您可以将项目拖动到屏幕内容树,并按您希望的顺序排列它们。

有关屏幕设计器的更多信息,请参见 屏幕设计器教程

有关如何设计屏幕的更多信息,请参见 演练:设计一个屏幕

有关如何在屏幕设计器中执行特定设计任务的更多信息,请参见 如何:使用屏幕设计器设计 Silverlight 屏幕

JJ713588.collapse_all(zh-cn,VS.110).gif自定义模式屏幕

您可以通过使用**“自定义模式”在运行应用程序时修改屏幕的外观。在应用更改之前,您还可以预览修改。在“自定义模式”**屏幕中,可以在应用程序运行时执行以下设计任务:

  • 从屏幕中删除项目

  • 更改项目的标题

  • 更改项目的控制类型(例如,标签或文本框)

  • 更改项目的标签位置

  • 显示或隐藏项目

  • 将项目移动到屏幕的其他位置

  • 一起对项目进行分组

  • 将按钮添加到屏幕

  • 撤消更改

  • 将属性项目重置为其默认值

下面的插图显示了**“自定义模式”**屏幕。

自定义正在运行的应用程序

有关**“自定义模式”**屏幕的更多信息,请参见 如何:自定义正在运行的应用程序中的 Silverlight 屏幕

屏幕设计任务

若要修改屏幕的涉及,您可以执行以下任务:

  • 修改屏幕的外观

  • 将字段和命令添加到屏幕

  • 筛选屏幕上显示的数据

  • 向屏幕添加数据

  • 自定义屏幕导航菜单

  • 使用代码修改屏幕

JJ713588.collapse_all(zh-cn,VS.110).gif修改屏幕的外观

您可以修改数据在屏幕上的显示方式。例如,您可以配置信息集合显示为列表或网格。您可以更改字段显示的顺序,或将字段归为一组。

有关更多信息,请参见如何:使用屏幕设计器设计 Silverlight 屏幕

有关如何设计显示 Northwind 示例数据库中的信息的屏幕外观的示例,请参见 自定义屏幕外观

JJ713588.collapse_all(zh-cn,VS.110).gif将字段和命令添加到屏幕

LightSwitch 屏幕提供内置的命令使用户可以查看、更新、删除或保存数据。您还可以添加自定义命令和字段。

如果您想要向屏幕添加某些类型的业务逻辑,请添加自定义命令。例如,您可以添加按钮,以便用户可以基于销售订单数量查看客户列表。有关更多信息,请参见如何:向 Silverlight 屏幕添加自定义命令

您可以添加自定义“本地属性”字段,以收集或显示信息。例如,您可以在销售数量按钮旁边添加文本框,以便用户可以指定他们要在列表中显示多少客户。有关更多信息,请参见如何:向 Silverlight 屏幕添加局部属性

JJ713588.collapse_all(zh-cn,VS.110).gif向屏幕添加自定义控件

您可以将 Silverlight 控件添加到 LightSwitch 屏幕。使用 Silverlight 控件,以超过内置 LightSwitch 控件功能的方式来显示或收集信息。您还可以使用 Silverlight 控件替换任何出现在屏幕上的内置 LightSwitch 控件。有关更多信息,请参见如何:向 Silverlight 屏幕添加自定义控件

JJ713588.collapse_all(zh-cn,VS.110).gif筛选屏幕上显示的数据

您可以通过修改屏幕查询条件对屏幕上显示的数据进行筛选。

设计器的左窗格中显示的每组数据以查询为基础。屏幕只显示那些查询所返回的信息。若要更改针对一组数据显示的信息,请修改其查询。

有关更多信息,请参见如何:筛选 Silverlight 屏幕上的数据

JJ713588.collapse_all(zh-cn,VS.110).gif向屏幕添加数据

您可以向屏幕添加其他类型的数据。例如,在显示客户的屏幕上,您可以添加显示订单列表的数据网格。有关更多信息,请参见如何:向屏幕添加数据

JJ713588.collapse_all(zh-cn,VS.110).gif自定义屏幕导航菜单

在应用程序中,用户可以通过在导航菜单中单击其名称打开屏幕。您可以指定您想要这些屏幕在菜单上显示的顺序。您还可以指定在应用程序启动时将显示的屏幕,并且您可以指定用户是否可以打开多个显示为选项卡的屏幕。

有关更多信息,请参见如何:创建菜单项和导航组

JJ713588.collapse_all(zh-cn,VS.110).gif使用户能够搜索数据

LightSwitch 为搜索提供内置支持。运行应用程序时,在屏幕中的每个数据集合上方显示搜索框。用户可以在其中一个搜索框中键入条件,然后按 Enter 搜索相关的信息。

有关如何隐藏屏幕中的搜索框的信息,请参见 如何:使用屏幕设计器设计 Silverlight 屏幕

有关如何从搜索中排除特定字段的信息,请参见 参考:数据设计器属性

LightSwitch 提供一个您可用于创建搜索屏幕的模板。有关更多信息,请参阅选择屏幕类型

搜索请求中仅考虑String类型的字段。此外,搜索请求只适用于关联的数据集合。例如,客户集合上方的搜索框不能用于搜索有关客户放置的订单的信息。

如果您要提供考虑相关集合中的非字符串字段或信息的搜索体验,那么您必须在您的屏幕中实现自定义的搜索功能。有关如何实现此操作的示例,请参见 Creating a Custom Search Screen in Visual Studio LightSwitch

JJ713588.collapse_all(zh-cn,VS.110).gif使用代码修改屏幕

您可以将代码添加到 LightSwitch 调用的分部方法,以便在运行时发生某些事件时,对屏幕进行相应地修改。例如,您可以添加隐藏想要向您的应用程序的用户保持匿名的公司名称的代码。此代码会检查客户的公司名称,当代码找到匹配项时,会在该信息显示在屏幕中之前,将 CompanyName 字段的 IsVisible 属性更改为 False。

有关在何处编写代码的更多信息,请参见 如何:处理 Silverlight 屏幕事件如何:向 Silverlight 屏幕添加自定义命令

有关如何添加更改屏幕的代码的更多信息,请参见 如何:使用代码修改 Silverlight 屏幕

相关主题

标题

描述

选择屏幕类型

介绍您可以用作创建屏幕的起点的模板。

如何:创建 Silverlight 屏幕

演示如何将屏幕添加到您的应用程序。

屏幕设计器教程

阐释该设计器的部件及其功能。

演练:设计一个屏幕

演示如何设计显示 Northwind 示例数据库中的数据的屏幕。

如何:使用屏幕设计器设计 Silverlight 屏幕

演示如何使用屏幕设计器。

如何:自定义正在运行的应用程序中的 Silverlight 屏幕

演示如何在应用程序运行时,自定义屏幕的外观。

如何:向 Silverlight 屏幕添加局部属性

演示如何添加自定义 本地特性 字段到屏幕上。

如何:向 Silverlight 屏幕添加自定义命令

演示如何添加在屏幕中执行自定义代码的按钮或链接。

如何:向 Silverlight 屏幕添加自定义控件

演示如何在 LightSwitch 之外创建控件,然后在 LightSwitch 屏幕中使用该控件。

如何:向屏幕添加数据

演示如何将数据从其他查询添加到屏幕。

如何:筛选 Silverlight 屏幕上的数据

演示如何使用查询来控制要在屏幕上出现的数据。

如何:处理 Silverlight 屏幕事件

介绍如何通过编写在某些事件发生时执行的代码自定义您的应用程序。

如何:使用代码修改 Silverlight 屏幕

介绍如何使用代码来修改控件并与屏幕上的项进行交互。

参考:屏幕设计器属性

介绍在屏幕成员列表中显示的项的属性和屏幕设计器的屏幕内容树。您可以通过使用“属性”窗口来设置属性值,以修改项的外观和行为。

LightSwitch 中的报告和打印

描述添加报告和打印功能的可用选项。LightSwitch 应用程序。