Windows Phone UI左侧默认为19个边距

Question

我注意到所有指南，指南和博客都说明Windows Phone左侧（领先）的标准边距是12。

然而，当我在任何类型的Windows Phone应用程序中使用“文件＆gt; VS2013中的新项目”时，我遇到了19的余量，看起来非常好。

<!-- Title Panel -->
<StackPanel Grid.Row="0" Margin="19,0,0,0">
    <TextBlock x:Uid="Header" Text="application name" Style="{ThemeResource TitleTextBlockStyle}" Margin="0,12,0,0" />
    <TextBlock Text="{Binding Title}" Style="{ThemeResource HeaderTextBlockStyle}" Margin="0,-6.5,0,26.5" CharacterSpacing="{ThemeResource PivotHeaderItemCharacterSpacing}"/>
</StackPanel>

它看起来不错，就像在顶部带有信号指示的条形图一样，在模拟器中与19完全对齐，但在设计师视图中它与数字12对齐。

这是为什么？当我认为它们都应该Margin="19,0,0,0"时，我会继续编辑我的每个XAML以匹配Margin="12,0,12,0"。是吗？

Answer 1

Windows Phone Silverlight和Windows Phone Runtime应用扩展程序之间的区别。 Silverlight应用程序总是扩展到480虚拟像素宽。运行时应用程序根据特定平台的像素密度进行扩展（Windows Phone 8.1的倍数为20％，Windows 10的倍数为25％）。

您看到的12像素指南适用于Windows 8上的Silverlight应用程序。

也就是说，Windows 10的缩放文档似乎与自身相矛盾，并且Responsive design 101 for Universal Windows Platform (UWP) apps中的窄模式和Guidelines for resizing to narrow layouts中的20个像素表示12个像素。我将提交一个doc bug来同步这些。