【问题标题】:UWP, how to handle images and scaling?UWP,如何处理图像和缩放?
【发布时间】:2018-04-25 19:22:00
【问题描述】:

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

【问题讨论】:

    标签: xamarin.forms uwp


    【解决方案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。

    【讨论】:

    • 谢谢!我不知道为什么我之前搜索时找不到任何关于此的内容。 :S
    • 是的,它似乎不太容易被发现,希望其他人也能看到:)
    猜你喜欢
    • 2023-03-13
    • 1970-01-01
    • 1970-01-01
    • 2019-10-31
    • 1970-01-01
    • 1970-01-01
    • 2017-09-21
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多