本课程显示如何创建屏幕,这是 LightSwitch 应用程序的基本用户界面元素。屏幕是用户进行访问以便与数据进行交互的应用程序的一部分。某些屏幕只显示数据,但其他屏幕可实现添加、修改和删除数据。
创建屏幕
LightSwitch 中的屏幕不同于传统的开发工具中的窗体,因为已预定义屏幕中的布局。您可以在不进行任何修改或代码的情况下,启动和运行一个屏幕。但是,如果您想自定义或增强屏幕,有很多方法可以做到。
![]() |
---|
本课程以在 LightSwitch 中使用数据(指导教程)课程中开发的 MyFirstApplication 项目为基础。如果您已具有项目,现在请打开它,否则,完成“在 LightSwitch 中使用数据”课程,然后再回到这一课。 |
创建屏幕
在“解决方案资源管理器”中选择“屏幕”节点。
在“项目”菜单上,单击“添加屏幕”。
在**“添加新屏幕”对话框中,在“选择屏幕模板:”列表中,单击“列表和详细信息屏幕”**。
在**“屏幕名称”**字段中,键入 OrdersByCustomer。
在**“屏幕数据”**字段中,选择 NorthwindEntitiesData.Customers。
在**“要包括的附加数据”列表中,选择“客户详细信息”和“客户订单”,然后然后单击“确定”**。
**“屏幕设计器”**将打开,并屏幕的控件与命令的分层表示形式。
详细了解
这一课程显示了如何创建一个列表和详细信息屏幕,用于显示客户列表和每个客户的订单的列表。您可能已注意到**“添加新屏幕”**对话框中,其他屏幕模板可用。除了 LightSwitch 中所包含的模板外,可获得更多模板作为扩展。在以后的课程中,您将学习到有关扩展的更多内容。
乍一看,**“屏幕设计器”**看起来可能有点混乱,因为它使用层次结构而不是 WYSIWYG(所见即所得)范例来表示布局。然而,层次结构模型使 LightSwitch 中的屏幕设计更快、更灵活。
![]() |
---|
若要在任何时间预览屏幕,请按 F5 运行应用程序,并显示屏幕。 |
后续步骤
在下一课中,您将学习如何更改您刚刚创建的屏幕的布局和外观。
下一课:自定义屏幕外观