xaml - 如何为 WP 8.1 Store 应用程序创建多尺度图像资源

Question

如何为不同的比例因子创建特定的图像资产？例如，我有一个使用图像的按钮。那么，如何为 Scale 100、Scale 140 和 Scale 240 创建该图像？

Answer 1

您为 96dpi 设备创建原始图像，比如说 40x40，那么您应该提供 56x56 (140%)、72x72 (180%) 等等。如果您不提供图像，图像将被调整大小并降低其质量。

您可以为每个比例提供图像并将它们放在同一个文件夹中，如下所示：

Images/name.scale-100.png
Images/name.scale-140.png
Images/name.scale-180.png
Images/name.scale-240.png

然后您可以像这样引用 XAML 中的图像：

<Image Source="Images/name.png"/>

并在代码中通过其 URI：

Uri imageUri = new Uri("ms-appx:///Images/name.png");

操作系统应该以适当的比例拍摄图像。您可以在 MSDN 中找到有关此内容的更多信息。

另请注意，您也可以将这种方式设置为高对比度和/或不同语言的图像。