Windows Mobile 详细信息视图的设计(1)

在我们的 Windows Mobile 应用程序中,经常需要显示业务实体的详细信息,例如:联系人、客户、订单、产品等。下图是 Windows Mobile 系统自带的联系人详细信息显示界面,用于显示、新增、修改联系人信息:



这几年看过了许多种风格的详细信息显示界面,接下来我会陆续跟大家分享一下各种界面风格的特点。今天先介绍第一个,这个控件显示我的个人信息,并通过标题栏对个人信息进行分组,让用户阅读起来更加清晰。注意在技术特长分组中,有一项信息是“.NET Compact Framework”,但是默认分配的空间不足以完整地显示该项信息,所以控件自动对该信息进行了裁剪,只显示“.NET Compact Fra...”。当用户使用触笔点击该项信息时,会出现一个黄色的提示信息,显示该项信息的完整内容。

 

当用户将屏幕切换为横屏时,屏幕的宽度大于高度,控件中的各项内容所占用的空间在水平方向按比例放大。这时我们可以看到“.NET Compact Framework”已经可以完整显示了。由于屏幕的高度不足以显示所有的内容,所以控件自动出现了垂直滚动条,用户可以利用滚动条拖动查看默认被遮住的内容。



由于 Windows Mobile 设备的屏幕空间很有限,所以我们经常会想尽办法节约屏幕空间。如下所示,控件默认不再显示个人信息各项属性的名称,而是直接显示属性的值。现在界面看起来简洁多了,大部分内容我们都能够看懂。但是用户刚刚接触这个界面时,应该会不清楚某些信息是在描述什么。这时用户只需要用触笔在感到疑惑的内容上点击一下,控件就会提示该项内容所描述的属性了。

 

 

作者:黎波
博客:http://bobli.cnblogs.com/
日期:2009年9月2日
posted @ 2009-09-02 00:27  黎波  阅读(4952)  评论(20编辑  收藏  举报