大屏小屏全搞定 微软详解Win8对各类屏幕的支持

fmms 13年前
     <p>        微软用户体验团队高级主管 David Washington 今天在 Building Windows 8 博客中详细介绍了 Windows 8 对各种尺寸屏幕的支持,各种设备都能获得最佳显示效果。</p>    <p align="center"><a target="_blank"><img alt="大屏小屏全搞定 微软详解Win8对各类屏幕的支持" src="https://simg.open-open.com/show/a265da7c2f7b3eae0e93b4b93016fe1c.jpg" width="550" height="135" /></a></p>    <p>        微软按照下面三种方法来对运行 Windows 8 的设备进行分类:</p>    <p>        — 屏幕大小(Screen size)</p>    <p>        — 屏幕分辨率(Screen resolution)</p>    <p>        — 像素密度(Pixel density)</p>    <p>        在设计 Windows 8 时,无论是屏幕大小、屏幕分辨率还是像素密度,开发人员都十分重视。在谈及屏幕时,你需要清楚其尺寸和分辨率,例如,13英寸屏幕可能会采用多种分辨率, 也就意味着多种像素密度(DPI),而且其高宽比也有不同的值。下图就显示了常见的宽屏屏幕的多样性:</p>    <p style="text-align:center;"><a target="_blank"><img alt="大屏小屏全搞定 微软详解Win8对各类屏幕的支持" src="https://simg.open-open.com/show/616934fafe6cd55b7645a7f215413514.jpg" width="550" height="309" /></a></p>    <p>        <strong>最低分辨率</strong></p>    <p>        很多人都询问 Windows 8 最低分辨率的事,之前微软对 Metro 应用的限制是 1024X768。对此微软表示,之所以选择最低分辨率 1024X768 是为了帮助开发人员创建可以适合所有屏幕的应用,它是一个基准,让开发人员可以确保导航、控制和内容适合屏幕。</p>    <p style="text-align:center;"><a target="_blank"><img alt="大屏小屏全搞定 微软详解Win8对各类屏幕的支持" src="https://simg.open-open.com/show/ae3c3858da7094eafaee6c6dd4c09432.jpg" width="550" height="308" /></a></p>    <p style="text-align:center;">        Metro 应用的最低分辨率微软 1024X768</p>    <p>        <strong>为什么选择 1024X768 作为最低分辨率呢?</strong></p>    <p>        微软表示,选择 1024X768 作为 Metro 应用的最低分辨率有三个原因:</p>    <p>        — 它足够大,可以支持 Metro 应用丰富、漂亮的设计布局,800X600就太小了;</p>    <p>        — 网站通常将 1024X768 作为最小(或是唯一)分辨率,因为 web 开发人员也都是以此为标准的;</p>    <p>        — 看看当今市面上的设备,<strong>只有1.2% 的 Windows 7 活跃用户的分辨率低于 1024X768</strong>。如果你要设计一个适用于现代和未来设备的平台,那么应该选择如今的大众设备。</p>    <p style="text-align:center;"><a target="_blank"><img alt="大屏小屏全搞定 微软详解Win8对各类屏幕的支持" src="https://simg.open-open.com/show/6e6f984a0d5be09f66d86a5798e11b6b.jpg" width="550" height="360" /></a></p>    <p>        <strong>没有最低分辨率的世界</strong></p>    <p>        一些人询问微软为什么要限定最低分辨率,作为建议内容不是更好吗?微软表示,之所以限制要求,是为了降低应用程序开发人员的工作量,这样他们就 无需考虑更低屏幕分辨率方面的开发工作了。如果微软设定更宽松的要求,那么很多开发人员就需要针对更低分辨率的平台进行开发/测试,这是非常大的工作量, 而且意义不大。</p>    <p>        此外,开发人员可以会选择尽可能低的分辨率作为开发标准,这样就会降低用户体验和应用程序的质量。</p>    <p style="text-align:center;"><a target="_blank"><img alt="大屏小屏全搞定 微软详解Win8对各类屏幕的支持" src="https://simg.open-open.com/show/b5b7b486b41fe22e2aef3edcffa9e9cb.jpg" width="550" height="412" /></a></p>    <p style="text-align:center;">        如果这款应用能在 1024X600 分辨率的设备上运行,那么底部就会被截掉</p>    <p>        <strong>最低分辨率和对齐</strong></p>    <p>        可以支持 Windows 8 所有功能的最低分辨率是 1366X768,包括将应用程序拖拽对齐(snap)显示的多任务功能,这个分辨率可以为拖拽对齐应用提供 320px 的空间,同时不影响主应用的 1024px 显示。</p>    <p style="text-align:center;"><a target="_blank"><img alt="大屏小屏全搞定 微软详解Win8对各类屏幕的支持" src="https://simg.open-open.com/show/4788d84972d5049e8a67b8609d3d1490.jpg" width="450" height="254" /></a></p>    <p style="text-align:center;">下面是多高示例,拖拽应用在左侧、主应用在右侧的显示模式</p>    <p align="center"><a target="_blank"><img alt="大屏小屏全搞定 微软详解Win8对各类屏幕的支持" src="https://simg.open-open.com/show/ff2d150dfa5a6260710abaa3a839c760.jpg" width="400" height="518" /></a></p>    <p>        <strong>有最高分辨率限制吗?</strong></p>    <p>        你是不是还想问 Windows 8 有没有最大分辨率限制,微软的答案是没有。因为越高的分辨率提供越大的空间,所以应用程序不会出现被裁减或是无法完全显示的问题。你可以在 30 英寸分辨率 2560X1600 的屏幕上运行 Metro 应用。不过,尽管不存在应用程序被截掉的危险,开发人员也还是要注意一下这些高分辨率屏幕,以确保自己的应用在这类屏幕上运行时看起来美观。</p>    <p>        越大的屏幕能提供越多的像素、显示越多的内容:</p>    <p style="text-align:center;"><a target="_blank"><img alt="大屏小屏全搞定 微软详解Win8对各类屏幕的支持" src="https://simg.open-open.com/show/c1e746d52f4bff682ae6a9a5e2a4e129.jpg" width="427" height="434" /></a></p>    <p>        Windows 8 为开发人员提供了内置排版控制技术,可以实现开发一个应用直接满足多种不同尺寸的屏幕,避免出现下图的尴尬:</p>    <p style="text-align:center;"><a target="_blank"><img alt="大屏小屏全搞定 微软详解Win8对各类屏幕的支持" src="https://simg.open-open.com/show/85330c33c28053ced36b78637e3f0658.jpg" width="550" height="365" /></a></p>    <p style="text-align:center;">        Windows 8 中的应用程序可以采用自适应布局,自动调整适应空间变化,屏幕越大,显示越多内容</p>    <p style="text-align:center;"><a target="_blank"><img alt="大屏小屏全搞定 微软详解Win8对各类屏幕的支持" src="https://simg.open-open.com/show/48b60f071d95a41d3dd0f7d9cc84e1ea.jpg" width="413" height="729" /></a></p>    <p style="text-align:center;">        例如,一个新闻应用在较大屏幕笔记本上相比平板机上能显示更多新闻条目</p>    <p align="center"><a target="_blank"><img alt="大屏小屏全搞定 微软详解Win8对各类屏幕的支持" src="https://simg.open-open.com/show/1eb7104ee3d6e6a01e5697d495e44fc9.jpg" width="550" height="391" /></a></p>    <p style="text-align:center;">        有了这种自适应布局,同一款应用在大屏幕上会自动调整地更大</p>    <p align="center"><a target="_blank"><img alt="大屏小屏全搞定 微软详解Win8对各类屏幕的支持" src="https://simg.open-open.com/show/311f9c62f31a07297835639b815ac66f.jpg" width="460" height="320" /></a></p>    <p>        <strong>不同的像素密度</strong></p>    <p>        像素密度对于很多用户来说是一个新概念,简单的说,它指在一定物理范围内的像素数,常用的描述是每英寸点数,也就是 DPI。随着像素密集度的增加,固定像素所占物理区域越小。</p>    <p style="text-align:center;"><a target="_blank"><img alt="大屏小屏全搞定 微软详解Win8对各类屏幕的支持" src="https://simg.open-open.com/show/1a68374017c38d3b4a1a14492fd62d8f.jpg" width="414" height="228" /></a></p>    <p align="center"><a target="_blank"><img alt="大屏小屏全搞定 微软详解Win8对各类屏幕的支持" src="https://simg.open-open.com/show/036fecfc0311e4cfea50e9683a0fc95a.jpg" width="414" height="233" /></a></p>    <p style="text-align:center;">        在较高像素密度的屏幕上,如果不进行缩放,同一对象的物理区域会变小</p>    <p>        如果不进行缩放,越高像素密度的屏幕越不方便触控操作,如下图:</p>    <p style="text-align:center;"><a target="_blank"><img alt="大屏小屏全搞定 微软详解Win8对各类屏幕的支持" src="https://simg.open-open.com/show/73d10290f9c4fd4ce3ffa4c7a42ad540.jpg" width="550" height="189" /></a></p>    <p>        为了保证应用、文本、图片在像素密度高的屏幕上也能完美显示,Windows 8 会自动放大对象,但是由于很多应用都使用位图,放大后会变模糊。因此,Windows 8 采用预定缩放比例来确保显示正常。Windows 8 缩放比例:</p>    <p>        — 在标准分辨率下 100% 显示不进行缩放</p>    <p>        — 在高清分辨率下,缩放 140%;</p>    <p>        — quad-XGA 分辨率下,缩放 180%。</p>    <p>        在 Windows 8 中进行缩放后,高像素密度设备上的文本和内容的物理尺寸保持不变,只是变得更加清晰。</p>    <p align="center"><a target="_blank"><img alt="大屏小屏全搞定 微软详解Win8对各类屏幕的支持" src="https://simg.open-open.com/show/57c8dc5a7085a810c8ce573aaba6e600.jpg" width="550" height="220" /></a></p>    <p> </p>    <p>        <strong>在不同的屏幕上测试应用程序</strong></p>    <p>        尽管 Windows 8 使得应用程序开发更加简单,但开发者最好在多种屏幕尺寸上对应用进行测试。考虑到大多数人没有条件拥有多种设备,微软在 Visual Studio 11 中提供了 Windows 模拟器,开发人员可以模拟应用程序在多种尺寸、高宽比、像素密度屏幕上的运行,从而进行相应的调整。</p>    <p align="center"><a target="_blank"><img alt="大屏小屏全搞定 微软详解Win8对各类屏幕的支持" src="https://simg.open-open.com/show/e5cc3b43bdf3383d032d3120e3408ffc.jpg" width="550" height="340" /></a></p>    <p align="center"><a target="_blank"><img alt="大屏小屏全搞定 微软详解Win8对各类屏幕的支持" src="https://simg.open-open.com/show/33eebc9a4d63bb20f9677fc9da17897c.jpg" width="323" height="410" /></a></p>