Windows Phone 8.1 应用程序的（标准）1080p 布局模板中不需要的底部边距

Question

当我在 8.1 1080 模拟器上运行我的 Windows Phone 8 应用程序时，它的所有页面上都有一个黑色的下边距（有趣的是，当我在设计视图中查看这些页面中的任何一个时，它实际上并没有出现）。

最初，我认为这可能是我自定义布局的 PhoneApplicationPage 的结果。因此，我决定创建一个新的 PhoneApplicationPage，而不做任何更改，即 Visual Studio 自动生成的 Portrait PhoneApplicationPage。这是它的 xaml：

<phone:PhoneApplicationPage
x:Class="App.Views._1080p"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
FontFamily="{StaticResource PhoneFontFamilyNormal}"
FontSize="{StaticResource PhoneFontSizeNormal}"
Foreground="{StaticResource PhoneForegroundBrush}"
SupportedOrientations="Portrait" Orientation="Portrait"
mc:Ignorable="d"
shell:SystemTray.IsVisible="True">

<!--LayoutRoot is the root grid where all page content is placed-->
<Grid x:Name="LayoutRoot" Background="Red">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <!--TitlePanel contains the name of the application and page title-->
    <StackPanel Grid.Row="0" Margin="12,17,0,0">
        <TextBlock Text="MY APPLICATION" Style="{StaticResource PhoneTextNormalStyle}"/>
        <TextBlock Text="page name" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
    </StackPanel>

    <!--ContentPanel - place additional content here-->
    <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">

    </Grid>
</Grid>

我所做的唯一更改是为 Grid 添加一个红色背景属性，以便更好地突出问题。

我没有对代码隐藏进行任何更改。

不幸的是，问题仍然存在：

如果我将应用栏添加到 xaml，问题会变得更加严重。

这是应用栏的 xaml：

<!-- APP BAR -->
<phone:PhoneApplicationPage.ApplicationBar>
    <shell:ApplicationBar 
        x:Name="appBar"
        IsVisible="True" 
        IsMenuEnabled="True" 
        Mode="Default" 
        Opacity="1" >
        <!-- APP BAR ICONS -->
        <shell:ApplicationBarIconButton 
            IconUri="a" 
            Text="Search"/>
    </shell:ApplicationBar>
</phone:PhoneApplicationPage.ApplicationBar>

这就是它的样子：

知道发生了什么吗？我需要改变什么来解决这个问题？任何指导将不胜感激。我应该补充说，在 1080p 设备上运行应用程序时确实会发生问题（即不仅仅是模拟器上的问题）。

Answer 1

解释如下：在 Windows Phone 8.1 上，ApplicationBar 的高度不再固定，它取决于设备屏幕大小。为了不破坏现有的 8.0 应用程序布局，他们添加了那个黑条。

这个黑条的高度是 12px（8.0 AppBar - 8.1 AppBar 的高度）。

要删除它，您必须将应用程序迁移到 Windows Phone 8.1。