使用 Xamarin Forms 缩放 UWP 图像

Posted

技术标签:

【中文标题】使用 Xamarin Forms 缩放 UWP 图像【英文标题】:UWP image scaling with Xamarin Forms 【发布时间】:2019-10-31 04:06:29 【问题描述】:

我正在使用 Xamarin Forms 创建 iosandroid、UWP 应用。我精通 iOS 和 Android 平台如何处理图像缩放(1x、2x、3x 等)。但是,我对 UWP 不是很熟悉。

在 UWP 中,您可以使用不同的图像尺寸来处理不同的缩放屏幕尺寸。这是同一图像的 3 个不同尺寸的版本。

所以我的问题

    100 缩放大小是 Windows 用户选择不缩放屏幕 (100%) 时使用的图像吗? 当用户告诉 Windows 将所有内容放大 2 倍或 4 倍时,200 和 400 是否是比例尺? 当 Windows 比例因子为 125、250 或与图像的任何比例因子不匹配的其他随机因子时,Xamarin UWP 选择什么图像大小?

【问题讨论】:

【参考方案1】:

100 缩放大小是 Windows 用户选择不缩放屏幕 (100%) 时使用的图像吗?

对于比例因子,我认为是 100,200,400...

当用户告诉 Windows 将所有内容放大 2 倍或 4 倍时,200 和 400 的比例大小是多少?

Windows 会根据每个显示器的 DPI(每英寸点数)和设备的查看距离自动选择一个比例因子。您应该以几种推荐的尺寸(至少 100、200 和 400)创建图像,以便 Windows 可以选择完美尺寸或使用最接近的尺寸并对其进行缩放。为了使 Windows 可以识别哪个物理文件包含适合显示比例因子的图像大小,您可以使用比例限定符。

我发现有两篇文章你可以看看:

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

【讨论】:

以上是关于使用 Xamarin Forms 缩放 UWP 图像的主要内容,如果未能解决你的问题,请参考以下文章

Xamarin.Forms.UWP 数字键盘仅在软键盘上

将 UWP 标头模板中的图标与 xamarin.forms 一起使用

使用 PlatformConfiguration (Xamarin.Forms 2.3.3) 在 UWP 中将工具栏移动到底部

Xamarin.Forms UWP UI 测试

Xamarin.Forms (UWP) - 如何获取 WebView 的 DOM 作为 HTML 字符串?

Xamarin.Forms.Picker 内容在 UWP 中重复