Mobile 创建一个新的UWP应用程序会在显示器顶部出现奇怪的间隙 使用VisualStudio 2017,我从空白模板中创建一个新的通用应用程序,然后更新页面以获得绿色背景并显示一些文本… <Grid Background="Green"> <TextBlock>Hello World!</TextBlock> </Grid> 你好,世界!

Mobile 创建一个新的UWP应用程序会在显示器顶部出现奇怪的间隙 使用VisualStudio 2017,我从空白模板中创建一个新的通用应用程序,然后更新页面以获得绿色背景并显示一些文本… <Grid Background="Green"> <TextBlock>Hello World!</TextBlock> </Grid> 你好,世界!,mobile,uwp,visual-studio-2017,Mobile,Uwp,Visual Studio 2017,在Windows10机器上运行它工作正常,窗口的整个客户端区域都是绿色的。但当在物理手机上运行或使用VisualStudio手机模拟器时,它在顶部有一个奇怪的间隙 我的物理手机(Lumina 950 XL版本:10.0.14393)与10.0.14393版本和10.0.10586版本的手机仿真器也有同样的奇数差距 因为除了颜色和添加文本块之外,我没有改变任何东西,所以我看不出这是我所做的事情。当然,开箱即用的UWP应用程序应该在手机上正确显示!这是如何解决的?这是因为默认主题(在App.xam

在Windows10机器上运行它工作正常,窗口的整个客户端区域都是绿色的。但当在物理手机上运行或使用VisualStudio手机模拟器时,它在顶部有一个奇怪的间隙

我的物理手机(Lumina 950 XL版本:10.0.14393)与10.0.14393版本和10.0.10586版本的手机仿真器也有同样的奇数差距


因为除了颜色和添加文本块之外,我没有改变任何东西,所以我看不出这是我所做的事情。当然,开箱即用的UWP应用程序应该在手机上正确显示!这是如何解决的?

这是因为默认主题(在App.xaml中)在模板中设置为“亮”,而您的手机在个性化设置中设置为“暗”。因此,您看到的是一个带有白色内容的白色状态栏

如果您想要设置RequestedTheme=Dark,或者删除该属性,让应用程序根据您当前的主题进行调整以解决此问题

谢谢,
Stefan Wick-Windows开发者平台

这可能是状态栏。你可能有一个白色的背景和前景。首先尝试移除它

if (Windows.Foundation.Metadata.ApiInformation.IsTypePresent("Windows.UI.ViewManagement.StatusBar"))
{
    await Windows.UI.ViewManagement.StatusBar.GetForCurrentView().HideAsync();
}
确保包含移动SDK:


添加Reference->Windows Universal->Extensions->Microsoft Mobile Extensions SDK。

平板电脑模拟器中是否会出现此差距?或者只是手机?看不到平板电脑模拟器。它出现在所有的移动模拟器和真实的物理手机上。但在桌面应用程序上效果很好。效果很好,完全删除了请求的主题。我认为这应该是一个新项目的默认设置,否则很多人会像我一样陷入这个问题。非常感谢。