Xamarin 在缩放显示上形成 UWP 应用图像

Question

我有一台带 4k 显示屏的笔记本电脑。显示属性的分辨率设置为 3840 X 2160（推荐），比例因子再次设置为 250%，即推荐值。我的项目中的图像使用以下后缀进行缩放：

.scale-100.png .scale-150.png .scale-200.png .scale-250.png .scale-300.png .scale-350.png .scale-400.png

根据我找到的文档。

当我运行应用程序时，图像会显示得很大，并且会关闭显示的其余部分。下面是截图：

如果我将比例设置为 100% - 一切都很小，但图像是正确的。这是一个屏幕截图。

知道如何解决这个问题吗？

Answer 1

来源于官方文档。

UWP 图像文件名可以是 suffixed with .scale-xxx before the file extension，其中 xxx 是应用于资产的缩放百分比，例如myimage.scale-200.png。然后可以在没有比例修饰符的代码或 XAML 中引用图像，例如只是 myimage.png。平台会根据显示器当前的 DPI 选择最接近的合适资产比例。

从你的屏幕看，它看起来得到了正确的缩放图像，但是你的图像控件已经被缩放了，请尝试将Aspect属性设置为图像控件的填充。

在特定平台上设置大小

OnPlatform 用于为每个平台设置特定值。例如

<StackLayout>
  <StackLayout.Margin>
    <OnPlatform x:TypeArguments="Thickness">
      <On Platform="iOS" Value="0,20,0,0" />
      <On Platform="Android, UWP" Value="0,0,0,0" />
    </OnPlatform>
  </StackLayout.Margin>
  ...
</StackLayout>

您可以像上面的代码一样为每个平台指定StackLayout 边距。