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

2022-09-15 16:31:39

目前市面上的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 /;

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, ) + Math.Pow(resolutionW / rawDpiX, ));

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屏幕尺寸和分辨率相关的概念及转换方法；有了这些基础信息，就可以获得屏幕上任意元素的实际尺寸或是逻辑尺寸了。

码农公寓