我已经创建了我的第一个UWP应用程序.这是一个
Windows 8.1 UWP应用程序,它将帮助我在大学安排当前系统非常糟糕的课程.我一直在用我的Windows 10桌面计算机和默认系统缩放(100%)的1080p监视器进行处理.我部署了测试版本并将其安装在笔记本电脑上.笔记本电脑也是Windows 10和1080p,但屏幕较小,因此系统缩放设置为125%.我的问题是,而不是这个更高的缩放因子使我的应用程序具有更大的功能,它做相反的事情并缩小应用程序中的所有内容.
以不同比例因子运行时,我的笔记本电脑有两个屏幕截图.第一个是100%,系统上的所有东西都太小了.
请注意,左侧的导航栏正好是44像素宽,作为设计.现在,在下一个屏幕截图中,笔记本电脑以125%的系统缩放率运行(我在拍摄屏幕截图之前已经注销,因此缩放应该已经完全更新).我们应该期望导航栏宽55像素.
在这里,您可以看到应用程序中的区域实际上比以前更小.这里的导航栏宽约37像素,而我预期的55.我在如何扩展UWP应用程序时是否遗漏了一些内容?
我现在没有整个xaml代码,因为我在笔记本电脑上,但我知道导航栏是网格的一部分,看起来像这样.此网格是运行应用程序的整个网格,导航栏是第一列.
<Grid x:name="gridOverall"> <Grid.ColumnDefinitions> <ColumnDefinition Width="44"/> <ColumnDefinition Width="200"/> <ColumnDefinition Width="*"/> </Grid.ColumnDefinitions> ... </Grid>
我认为它可能是应用程序清单中的启用扩展选项或其他东西,但我找不到类似的东西.我期望这样的问题出现在我使用的图像中,因为我还没有包含更高分辨率的选项,但我没想到这会发生在xaml中定义的布局元素.
任何人都可以对可能发生的事情有所了解吗?这是我的第一个完整的应用程序,我有点迷失.
解决方法
Windows 8.1没有125%缩放的概念;它使用100%/ 140%/ 180%. DisplayInformation.ResolutionScale的值为100.因此它实际缩放了80%(100/125).而44 * 0.8是~35.
注意:不支持以下内容,因为它依赖于Windows 8.1应用程序中的反射和使用Windows 10的功能.使用风险由您自己承担.
这是您尝试使用Windows 8.1应用程序为Windows 10提供更好体验的一种方法.我在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 }; } }