UWP，如何处理图像和缩放？

Question

我们有一个 Xamarin Forms 项目，它将在 Android、iOS 和 UWP 上运行。在 Android 上，您在不同的文件夹中有许多不同的图像，以支持大量不同的屏幕（和 PPI）。在 iOS 上，您有一个类似的系统（@2x、@3x 等）。我一生都找不到如何为 UWP 实现类似的目标。当我在 Windows 平板电脑上以 150% 或 200% 的推荐缩放比例运行该项目时，所有图像也会被放大，从而导致图像模糊。我找不到关于如何在 UWP 应用程序中处理图像的任何内容，即使对于“本机”（不使用 Xamarin）UWP 应用程序也是如此。

Answer 1

UWP 本机中的缩放图像是通过在 Assets 文件夹中提供不同的缩放版本来完成的。

文件命名模式如下：****.scale-100.png或****.scale-200.png 在您的应用程序中使用的实际文件名仍然是，****.png但系统将自动检测所需的缩放版本并使用它。

参考文档在这里https://docs.microsoft.com/en-us/windows/uwp/app-resources/images-tailored-for-scale-theme-contrast和这里https://docs.microsoft .com/en-us/windows/uwp/app-resources/tailor-resources-lang-scale-contrast

推荐的比例因子为 100、200 和 400。