xaml - UWP - 如何创建一个漂亮的数据表单？

Question

我在一个基于数据表单的应用程序上工作，它包含很多字段。该应用程序只能在平板电脑上使用，而不是在智能手机上：所以我不需要管理这些设备。

客户希望我使用PivotItems来组织表单的类别，并将字段显示在 2 列上。

此外，对于某些类别，客户还希望我使用一种“主从”实现，因为这些类别包含不同数量的项目，可以删除、编辑或添加。

我已经阅读了微软关于 UWP 表单布局 ( FormLayouts ) 的官方指南，但我没有找到演示其实现的示例......

Acutally，我的屏幕是这样的：

• 对于“正常”类别：
• 对于“主细节”类别：

所以我有一些问题：

• 是否有示例演示了实现表单布局的好方法，例如指南中的？
• 如果我使用 2 列布局，如何使用“主从”实现来管理类别？我只需要在 1 列上显示详细信息吗？
• 有没有比 PivotItems 更好的方式来组织类别？

Answer 1

查看官方 UWP 示例。

ListView 和 GridView 示例

此示例显示了 ListView 和 Gridview 的用法。

具体来说，此示例展示了如何：

简单 ListView 示例：演示如何使用新的 x:Bind 和 x:Phase 功能实现分组 ListView。

简单的 GridView 示例：演示如何使用新的 x:Bind 和 x:Phase 功能实现分组的 GridView。

主/详细信息加选择示例：如何通过成功的多项选择体验实现响应式主/详细信息体验。

点击ListView的左边缘： 实现点击ListView的左边缘的行为进入多选模式。

恢复滚动位置示例：演示如何在用户导航离开和返回页面时恢复列表的滚动查看器位置。实现 ListViewPersistenceHelper API

滚动到视图示例：演示如何将特定项目滚动到视图中。注意 Windows 通用示例需要 Visual Studio 2015 来构建和 Windows 10 来执行。

您特别需要 Master/Detail 加上选择示例 + Pivot Control