比例因子 Windows Phone

Question

如何针对 windows phone 中的所有分辨率进行正确的设计测量？根据 Microsoft article 基本屏幕尺寸为 800x400 (853x400) 但在现实生活中它看起来不像是真的。

我在基本分辨率 853x400 下进行设计

代码

  <Image Width="160" Height="90" Source="{Binding ImageURL}"/>

我希望在不同的模拟器上看到什么

WVGA 4 英寸 - x1 = 160x90
720p 4.7 英寸 - x1.5 = 240x135
1080p 5.5 英寸 - x2.25 = 360x203

我看到的

WVGA 4 英寸 - x1.2 = 192x108
720p 4.7 英寸 - x1.8 = 288x162
1080p 5.5 英寸 - x2.4 = 384x216

根据这个基本分辨率是 800x450 吗？

测试边距时 - 我得到或多或少相同的结果：

代码

  <Grid Margin="14, 0, 0, 0"/>

WVGA 4 英寸 - x1.214 = 17px
720p 4.7 英寸 - x1.79 = 25px
1080p 5.5 英寸 - x2.43 = 34px

但字体绘制不一样 -+ 代码

  <Style x:Key="TitleStyle" TargetType="TextBlock">
    <Setter Property="FontSize" Value="28" />
    <Setter Property="FontWeight" Value="SemiLight" />
    <Setter Property="VerticalAlignment" Value="Center"></Setter>
</Style>

结果

WVGA 4 英寸 - x0.93 = 26px
720p 4.7 英寸 - x1.32 = 37px
1080p 5.5 英寸 - x1.75 = 49px

我该怎么办？如何正确处理不同的分辨率？

Answer 1

正如@yasen 所说，RawPixelPerViewPixel 就是你想要的。 480px 基线分辨率特定于 Silverlight 应用程序，而您构建的是通用 (XAML) 应用程序。有关此的更多信息，请参见 this recorded presentation from //build。如果您只想了解从 WP8 到 8.1 的变化，可以跳到 48:35

比例因子 Windows Phone

Scale factor Windows Phone

xaml

windows-phone

windows-phone-8.1