WP8.1:关于屏幕尺寸和分辨率的那些事儿

目前市面上的Windows Phone设备越来越多,尺寸和分辨率也越来越多,特别是WP8.1时代的到来。做过wp开发的人都知道应用适配其实较安卓要简单太多了,其中有一个重要原因,就是微软号称所有WP设备都将以2个基准分辨率来发展,即800 : 480和853 : 480。WP8+的应用适配相对来说比较简单,主要让屏幕布局适配这两种比例足矣,想必对WVGA、WXGA和720p三种分辨率及对应的模拟器都有一定了解。

撸主最近深陷Universal Apps的大坑,虽说API变化很大,却提供了更多有价值的信息,比如屏幕的逻辑尺寸、实际尺寸、逻辑分辨率、实际分辨率等等信息,下面我们就讨论WP8.1的屏幕尺寸和分辨率的那些事儿!

我们先了解一下以下的概念,并将细说它们之间的关系和换算方法。

1. Window Size

表示窗口大小或视图大小。WP8.1和WIN8.1一样,采用窗口的概念来代表当前应用的窗体。请见Windows.UI.Xaml.Window

我们通过Window.Bounds来获取当前窗口的大小:

// Window Size
var bounds = Window.Current.Bounds;
WindowSize.Text = string.Format("H {0}  x  W {1}", bounds.Height, bounds.Width);

2. Logical Dpi

表示当前设备每逻辑像素所包含的像素数量。请见Windows.Graphics.Display.DisplayInformation.LogicalDpi

// Logical Dpi
var logicalDpi = DisplayInformation.GetForCurrentView().LogicalDpi;
LogicalDpi.Text = logicalDpi.ToString();

3. RawPixelsPerViewPixel

表示每个可视像素对应的实际像素个数,这是WP8.1独有得到属性,WIN8.1使用ResolutionScale来表达。请见Windows.Graphics.Display.DisplayInformation.RawPixelsPerViewPixel

// RawPixelsPerViewPixel
var dpiRatio = DisplayInformation.GetForCurrentView().RawPixelsPerViewPixel;
RawPixelsPerViewPixel.Text = dpiRatio.ToString();

4. Scale Factor

表示基准分辨率到实际分辨率的扩展因子,这个属性在WP8.0上为App.Current.Host.Content.ScaleFactor,我们是通过这个扩展因子来判断分辨率是WVGA、WXGA或是720p的。我们熟悉的1.0、1.6、1.5倍率因子在WP8.1上都不见了,无法直接获取,但是我们可以这样来计算,[Window.Bounds.Width] * [RawPixelsPerViewPixel] / 480,即我们通过实际的分辨率和基准分辨率来反推:

 // ScaleFactor
var scaleFactor = bounds.Width * dpiRatio /480;
ScaleFactor.Text = scaleFactor.ToString();

5. Screen Resolution

表示屏幕分辨率,即实际分辨率。通过[Window.Bounds.Width] * [RawPixelsPerViewPixel][Window.Bounds.Height] * [RawPixelsPerViewPixel] 来计算:

// ScreenResolution
var resolutionH = Math.Round(bounds.Height*dpiRatio);
var resolutionW = Math.Round(bounds.Width*dpiRatio);
ScreenResolution.Text = string.Format("{0} x {1}", resolutionH, resolutionW);

6. Logical Resolution

表示逻辑分辨率,即基准分辨率。通过[Screen Resolution] / [Scale Factor] 来计算:

// LogicalResolution
LogicalResolution.Text = string.Format("{0} x {1}", resolutionH/scaleFactor, resolutionW/scaleFactor);

7. Raw Dpi

表示屏幕x轴或y轴方向上每英寸的实际点数,这个值和实际的屏幕设备密不可分,分别有RawDpiX和RawDpiY两个值:

// RawDpi
var rawDpiX = DisplayInformation.GetForCurrentView().RawDpiX;
var rawDpiY = DisplayInformation.GetForCurrentView().RawDpiY;
RawDpi.Text = string.Format("RawDpiX:{0}, RawDpiY:{1}", rawDpiX, rawDpiY);

8. Screen Size

表示屏幕尺寸,即实际屏幕对角线的长度,单位英寸。通过上面几个数值,完全能够算出当前使用设备的屏幕尺寸。通过[Screen Resolution] / [Raw Dpi] 两个方向上的欧氏距离来计算:

// ScreenInch
var screenInch = Math.Sqrt(Math.Pow(resolutionH / rawDpiY, 2) + Math.Pow(resolutionW / rawDpiX, 2));
ScreenInch.Text = string.Format("{0} inches", screenInch.ToString());

 

实验结果

撸主分别在三个模拟器上做了实验,即8.1 WVGA 4 inch 512M、8.1 720p 4.7 inch 和 8.1 1080p 5.5 inch,这三个模拟器是我们WP8.1上用得最多的模拟器。单从模拟器的标题我们就能得出一些信息:

WVGA 4 inch:屏幕尺寸4英寸,WVGA分辨率800x480,逻辑和实际分辨率都是这个值;

720p 4.7 inch:屏幕尺寸4.7英寸,720p分辨率1280x720,基准分辨率为853x480;

1080p 5.5 inch:屏幕尺寸5.5英寸,1080p分辨率1920x1080,基准分辨率为853x480。

下面分别是这三种模拟器的结果:

 

特别注意屏幕分辨率、逻辑分辨率和屏幕尺寸,和我们预想的结果完全吻合。

 

总结

介绍了WP8.1屏幕尺寸和分辨率相关的概念及转换方法;有了这些基础信息,就可以获得屏幕上任意元素的实际尺寸或是逻辑尺寸了。

 

posted @ 2014-08-21 18:29  zhxilin  阅读(1763)  评论(0编辑  收藏  举报