UWP 如何组织一个巨大的输入表单
UWP how to organize a gigantic input form
我正在处理一个输入表单,其中包含 218 个输入控件,分为 20 个部分。
我所做的是为每个部分创建一个 ViewModel 并使用 DataTemplate 定义它的外观。
表单的主页是一个磁贴网格。每个部分一块瓷砖。
部分是 FlipView 中的一个页面,您可以在其中从一个部分翻到下一个部分。单击其中一个图块可直接跳转到 FlipView 中的页面。某些部分包含允许创建多个项目(即人)的 Pivot 控件。如果Pivot里面的内容比较长,需要一个ScrollViewer。 Pivots 和 ScrollViewer 不能很好地结合在一起。滚动不起作用。
有一个 SO 问答解决了这个问题:
UWP 风格指南说
Rather than overwhelm the screen with numerous input controls,
consider creating multiple pages for your form.
但它没有说明页面应该如何组织。
所以给定一个巨大的输入表单,其中包含 218 个输入控件和 20 个部分,其中一些部分可以添加多个项目,有没有比我尝试做的更好的组织表单的方法(FlipView、ViewModels、DataTemplates、Pivot , 滚动查看器)?
如果部分不需要按特定顺序填写,我建议您使用 NaviationView class 并将每个部分分组为一个页面。最终结果可能类似于具有多个不同部分的“设置”应用。
如果需要按特定顺序填写表格,请使用 Frame/Page 导航并在页面上提供 previous/next 按钮。
我正在处理一个输入表单,其中包含 218 个输入控件,分为 20 个部分。
我所做的是为每个部分创建一个 ViewModel 并使用 DataTemplate 定义它的外观。
表单的主页是一个磁贴网格。每个部分一块瓷砖。
部分是 FlipView 中的一个页面,您可以在其中从一个部分翻到下一个部分。单击其中一个图块可直接跳转到 FlipView 中的页面。某些部分包含允许创建多个项目(即人)的 Pivot 控件。如果Pivot里面的内容比较长,需要一个ScrollViewer。 Pivots 和 ScrollViewer 不能很好地结合在一起。滚动不起作用。
有一个 SO 问答解决了这个问题:
UWP 风格指南说
Rather than overwhelm the screen with numerous input controls, consider creating multiple pages for your form.
但它没有说明页面应该如何组织。
所以给定一个巨大的输入表单,其中包含 218 个输入控件和 20 个部分,其中一些部分可以添加多个项目,有没有比我尝试做的更好的组织表单的方法(FlipView、ViewModels、DataTemplates、Pivot , 滚动查看器)?
如果部分不需要按特定顺序填写,我建议您使用 NaviationView class 并将每个部分分组为一个页面。最终结果可能类似于具有多个不同部分的“设置”应用。
如果需要按特定顺序填写表格,请使用 Frame/Page 导航并在页面上提供 previous/next 按钮。