C# Windows应用商店应用程序-XAML-填充边框页面而不是包装网格

我试图在页面中的

周围放置一个

，但是边框似乎与页面相邻，而不是与网格相邻

这只是我的页面元素中的XAML

<Border Background="Black">
    <Grid Background="{ThemeResource ControlBackgroundBrush}" x:Name="LoginCredentials" Margin="5" HorizontalAlignment="Center" VerticalAlignment="Center">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="Auto"/>
        </Grid.ColumnDefinitions>
        <TextBlock TextWrapping="Wrap" Text="Username:" Style="{StaticResource SubheaderTextBlockStyle}" VerticalAlignment="Center" Grid.Row="0" HorizontalAlignment="Right" Margin="5"/>
        <TextBox x:Name="UserName" TextWrapping="Wrap" HorizontalAlignment="Left" VerticalAlignment="Center" Text="" Grid.Row="0" Grid.Column="1" TextChanged="UserChange" Margin="5"/>
        <Button x:Name="LoginButton" Content="Login" Click="LoginButton_Click" Grid.Row="2" HorizontalAlignment="Right" Margin="5" TabIndex="0"/>
        <Button x:Name="CancelButton" Content="Cancel" Click="CancelButton_Click" Grid.Row="2" Grid.Column="1" />

    </Grid>
</Border>

作为测试，我创建了一个资源，用颜色填充

的背景，并用不同的颜色填充

的背景。

按预期在屏幕中央作为一个框结束，但边框

填充整个屏幕。有人能告诉我为什么会发生这种情况，以及如何让

按照我的要求安装在

周围吗？

明白了

<Border Background="Black" VerticalAlignment="Center" HorizontalAlignment="Center">
    ....
</Border>

....

当我发布这个问题时，我错过了什么就变得清楚了