如何在 uwp 应用程序上正确启用 dpi 缩放

Question

我创建了我的第一个 UWP 应用。这是一个 Windows 8.1 UWP 应用程序，可以帮助我在当前系统很糟糕的大学安排课程。我一直在使用具有 1080p 显示器的 Windows 10 台式计算机在默认系统缩放 (100%) 下进行处理。我部署了一个测试版本并将其安装在我的笔记本电脑上。笔记本电脑也是 Windows 10 和 1080p，但屏幕较小，因此我将系统缩放设置为 125%。我的问题是，这个更高的缩放因子不是让我的应用程序具有更大的功能，而是相反，缩小了应用程序中的所有内容。

这是我的笔记本电脑在不同比例因子下运行时的两个屏幕截图。第一个是 100%，系统上的所有内容都太小了。

请注意，左侧的导航栏正好是 44 像素宽，与设计相同。现在在下一个屏幕截图中，笔记本电脑以 125% 的系统缩放比例运行（我在截取屏幕截图之前注销并重新登录，因此缩放比例应该已经完全更新）。我们应该期望导航栏为 55 像素宽。

在这里您可以看到应用程序中的区域实际上比以前更小了。与我预期的 55 像素相比，这里的导航栏大约是 37 像素宽。我必须如何扩展 UWP 应用程序有什么遗漏的吗？

我现在没有完整的 xaml 代码，因为我在笔记本电脑上，但我知道导航栏是网格的一部分，看起来像这样。这个网格是运行应用程序的整体网格，导航栏是第一列。

<Grid x:name="gridOverall">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="44"/>
        <ColumnDefinition Width="200"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>

    ...

</Grid>

我认为它可能是应用清单中的启用缩放选项或其他东西，但我找不到类似的东西。我预计我使用的图像会出现这样的问题，因为我还没有包含更高分辨率的选项，但我没想到 xaml 中定义的布局元素会发生这种情况。

任何人都可以对可能发生的事情有所了解吗？这是我的第一个完整应用程序，我有点迷茫。

Answer 1

Windows 8.1 没有 125% 缩放的概念；它使用 100% / 140% / 180%。 DisplayInformation.ResolutionScale 的值将是 100。所以它实际上按比例缩放了 80% (100 / 125)。 44 * 0.8 约为 35。

注意：以下内容不受支持，因为它依赖于 Windows 8.1 应用内的反射和使用 Windows 10 的功能。使用风险自负。

您可以通过以下一种方式尝试为使用 Windows 10 的用户提供更好的 Windows 8.1 应用体验。我在 Windows 10 上对其进行了简要测试，但您也希望在 Windows 8.1 上进行更彻底的测试：

private void FixUpScale()
{
  // Need to add a using for System.Reflection;

  var displayInfo = DisplayInformation.GetForCurrentView();
  var displayType = displayInfo.GetType();
  var rawPixelsProperty = displayType.GetRuntimeProperty("RawPixelsPerViewPixel");

  if (rawPixelsProperty != null)
  {
    var realScale = (double)rawPixelsProperty.GetValue(displayInfo);

    // To get to actual Windows 10 scale, we need to convert from 
    // the de-scaled Win8.1 (100/125) back to 100, then up again to
    // the desired scale factor (125). So we get the ratio between the
    // Win8.1 pixels and real pixels, and then square it. 
    var fixupFactor = Math.Pow((double)displayInfo.ResolutionScale /
      realScale / 100, 2);

    Window.Current.Content.RenderTransform = new ScaleTransform
    {
      ScaleX = fixupFactor, 
      ScaleY = fixupFactor 
    };
  }
}