Question

如何为Windows Phone中的所有分辨率进行正确的设计测量？根据微软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

1 个答案: