创建Windows Mobile上兼容性好的UI 程序.doc

创建windows mobile上兼容性好的ui 程序 看看上面这个emulator的截图吧，有wm 2003se、5.0、6.0的，有pocket pc、smartphone、classic、professional的，有英文的，也有中文的，分辨率、dpi都各有区别。在这么多眼花缭乱的wm平台上开发应用程序，ui的设计，特别是compatible的ui策略，是很重要的。之前的docking and anchoring controls on windows mobile也是其中一点。在msdn上看到了这个方面比较有指导意义的文章create compatible user interfaces，觉得有必要和大家共同探讨一下。1.通用ui策略l不要在编写代码的时候将屏幕信息设定死，取而代之的是使用getsystemmetricsorgetclientrect来获取屏幕当前的size。同样，在托管代码中，使用form的width、height属性。l处理resize事件。在设备加载程序、动态加载界面或者改变屏幕方向的时候，我们要考form的宽度与高度等信息。l使用单独的控件。如果有可能的话，尽量使用单独的控件来覆盖整个屏幕，例如listview或者treeview。l控件重新布局。屏幕从portrait模式改变到landscape模式，或者从landscape模式改变到portrait模式时，我们要考虑改变控件的布局。当然，最简单的方法就是使用anchor and dock属性。下图1就展示了这个微妙的差别：图1：控件使用anchor and dock属性的差别如果我们进行native code开发，就可以参考msdn上的introducing screenlib来完成。l测试的时候，尽量使用较多的emulator，并且要在portrait模式和landscape模式间切换，来考验我们写的应用程序性能。2.字体和字号使用shgetuimetrics函数来检测用户选择的字体大小，并且在应用程序中使用相同的字体，以使用户获得一致的体验。应用程序可以监听sh_uimetric_change消息来获得用户改变默认设置的事件。3.用户界面的颜色所有的form控件都会适应当前的主题(theme)，当然，如果我们使用gdi来重绘的话，最好得到当前系统使用的主题信息，然后对控件使用一致的策略。4. soft key策略 一般来说，左边的soft key是执行单条常用的命令，而非弹出一个菜单。右边的soft key一般是弹出菜单，并且将最常用的选项放在第一行，进行高亮显示。同时，避免使用多于两级的子菜单。5.程序图标 和pc的应用程序不同，windows mobile使用不同大小的icon。一般说来，我们在资源中包含不同分辨率下的程序图标，并且在程序运行的时候来检测，然后决定加载项。可以参考windows mobile blog:which icon sizes should i use in my application?。fox23的blog上也说明了这点。6.避免使用位图 由于windows mobile设备的屏幕大小、分辨率和形状等各不相同，所以会导致图像显示效果的不同。同一张位图在“96 dpi, 320x240”和“192 dp