2012 年 11 月 10 日 发布于Lanke Blog

http://www.lanke.net/?p=2010http://www.lanke.net/?p=2010

随着Windows Phone 8正式版的SDK推出，设备支援的分辨率也尘埃落定，近日通过查阅网文和项目组RD在SDK中试验，初步总结点滴内容发上来分享。

基本情况及试验：

• 目前WP8系统约定的分辨率为：800px*480px、1280px*768px、1280px*720px；

• Pad运行的是Win8系统，WP8各类设备定位为Phone而非Pad，主流物理屏幕尺寸4.x英寸；

• 手机设备物理尺寸相当分辨率不同原则上界面结构元素大小不应有明显变化，即分辨率提倡等比例缩放的机制 (类似iPhone 3与iPhone 4屏幕机制)；

• 800px*480px、1280px*768px，均为15:9比例，后者为前者长、宽的各1.6倍，类似iPhone 3与iPhone 4 的分辨率长、宽各2倍的关系；

• 1280px*720px，为16:9比例，假设等比例缩放宽度为480时，宽度为853，类似Android设备处理800px*480px及854px*480px的情况，即假设UI等比例缩放需考虑长边自适应机制；

• 经Win8 SDK开发环境模拟器试验，原800px*480px布局不经任何修改
  ①在1280px*768px模拟器下系统自动等比例缩放效果良好，像素图资源精度不够变虚；
  ②在1280px*720px模拟器下系统自动等比例缩放效果总体靠上显示，底端空白，像素图资源精度不够变虚。

设计开发实施对策：

WP8开发平台有自己的等比例缩放的机制，大多数界面布局基本OK，部分界面可能涉及分辨率15:9 和 16:9 的差异的调整问题，总的来说自身有这样的机制已经比Android要乐观许多。根据目前初步了解的情况，拟具体措施如下：

• RD仍按照800px*480px在开发环境中绘制界面，系统有相应缩放机制；

• UI.Team约定15:9和16:9的差异自适应机制，由RD按要求进行布局实现，以完善1280px*720px分辨率显示；

• UI.Team逐步提供系统高精度像素图资源以供RD使用，原则上以最高分辩率资源提供，比如在800px*480px下原100px*100px的像素图，为同时适配3种分辨率，以1280px*768px下效果最佳的160px*160px提供。

标注实例：

WP8 UI标注相对于WP7需增加15:9 和 16:9 的差异如何自适应的内容。自适应问题在PC平台传统的C/S、B/S应用及移动设备如Android设备多分辨率或移动设备UI支持翻转屏幕等场景都有，在这里就不冗述了。

(该标注图，未包含800px*480px下32px的系统状态栏区域)