使用 Visual Studio 在移动设备上可视化数据
2.00/5 (1投票)
本文介绍了如何在基于 .NET Compact Framework 平台的移动应用程序中显示数据。它演示了几种典型的数据结构以及它们在移动设备小屏幕上的可视化效果。
引言
选择一种合适且易于阅读的数据显示方式可能很棘手，特别是当您受到移动设备显示尺寸和相对较慢的处理器的限制时。Resco 提供了多种控件来应对各种场景下的此类问题。
一个好的移动应用程序必须易于操作。用户界面应尽可能简单，最好能单手操作。无论用户是在开车还是在进行其他活动，如果应用程序需要双手同时操作，都会很烦人。所有这些都可以通过 Resco MobileForms Toolkit 轻松实现。
表格形式的数据
无论是 SQL CE 移动数据库、DataTable 类还是任何其他 IList 数据源对象，Resco SmartGrid for .NET 都非常适合以表格形式显示数据。内置的编辑功能允许您编辑显示的数据。您甚至可以提供自己派生的 UserControl 对象来编辑单元格中的数据，从而创建自己的编辑器。通过使用 ImageCell，您可以在单元格中显示图像。这有助于在节省小屏幕空间的同时向用户提供额外信息。您还可以将 SmartGrid 设置为利用触摸滚动。用户 then 可以用拇指滚动。
 |
 |
 |
|
图 1 |
图 2 |
图 3 |
示例 1：产品表，显示每个产品的销售变化、相应百分比以及产品是否缺货（参见图 1）。
示例 2：使用内置的自动编辑功能填写订单（参见图 2 和图 3）。
列表形式的数据
您可以使用 Resco AdvancedList for .NET 轻松显示一维数据列表。得益于 Resco AdvancedList for .NET 提供的自定义选项，您可以创建几乎任何类型的用户界面。与 SmartGrid 相比，AdvancedList 只有一个垂直滚动条。它的设计方式是不需要水平滚动条，因为所有数据都可以容纳在其宽度内。这简化了用户界面，并为用户带来了更多便利，他们可以使用一只手操作列表（无需手写笔）。
图 4
示例：客户列表，显示所选客户的详细信息。您还可以在 AdvancedList 的行中显示图像和图标，从而创建井然有序的客户属性列表（参见图 4）。
树状数据结构
将数据组织成树状结构无疑带来了快速搜索的优势，并有机会将相关数据放在一起，从而使结构有序。缺点是数据操作和显示困难。Resco AdvancedTree for .NET 克服了这两个缺点。填充 AdvancedTree for .NET 很简单，因为您可以自己填充树的所有分支，或者让 AdvancedTree 在每次需要加载数据时触发一个事件。在事件处理程序中，它会告知您当前正在添加的节点的父节点以及当前正在添加的节点的级别。您可以为每个节点选择不同的节点模板，从而在图形上区分树节点的各个级别。
图 5
示例：客户列表，显示每个客户的订单以及第三级的订单详细信息（参见图 5）。
统计数据及其图形表示
图表对于海量统计数据的图形表示非常有用。CompactChart for .NET 提供了 5 种不同的图表类型来显示数据。这些包括条形图、折线图、饼图、面积图和圆环图。
 |
 |
 |
|
图 6 |
图 7 |
图 8 |
示例：条形图显示公司在各个子公司中的业务成果，或一年中各个季度的营业额变化（参见图 6-8）。
如何显示日期/时间相关数据
毫无疑问，显示日期和时间最常见的方式是在类似日历的用户界面中。然而，编程日历非常耗时。Resco Outlook 控件（MobileForms Toolkit 的一部分）旨在方便地以日历形式显示日期/时间相关数据。OutlookWeekCalendar 控件可以绘制一周的概览，还可以显示时间间隔。
 |
 |
|
图 9 |
图 10 |
示例：使用多种视图显示计划的商务拜访、约会和会议：日视图、周视图、月视图、年视图（参见图 9 和图 10）。
显示日期和时间是一回事；选择日期和时间是另一回事。为此，您可以使用 OutlookDateTimePicker。
 |
 |
 |
|
图 11 |
图 12 |
图 13 |
示例：设置订单、发票日期、联系人生日的日期和时间……（参见图 11-13）