Windows Phone UI 默认左边距为19
Windows Phone UI defaults to 19 margin on the left
我注意到所有指南、指南和博客都解释了 Windows Phone 左侧(前导)的标准边距是 12。
然而,当我为任何类型的 Windows Phone 应用程序 "File > New Project in 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="12,0,12,0"
时,我一直在编辑我的每个 XAML 以匹配 Margin="19,0,0,0"
。是吗?
这是 Windows Phone Silverlight 和 Windows Phone 运行时应用缩放之间的区别。 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 and 20 pixels in Guidelines for resizing to narrow layouts 中的窄模式为 12 像素。我将提交一个文档错误来同步这些。
我注意到所有指南、指南和博客都解释了 Windows Phone 左侧(前导)的标准边距是 12。
然而,当我为任何类型的 Windows Phone 应用程序 "File > New Project in 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="12,0,12,0"
时,我一直在编辑我的每个 XAML 以匹配 Margin="19,0,0,0"
。是吗?
这是 Windows Phone Silverlight 和 Windows Phone 运行时应用缩放之间的区别。 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 and 20 pixels in Guidelines for resizing to narrow layouts 中的窄模式为 12 像素。我将提交一个文档错误来同步这些。