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

Question

我正在尝试在页面中的<Grid/> <Border/>周围放置<Border/> ，但是边框似乎是页面而不是网格的边界。

这只是我的页面元素中的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>

作为测试，我创建了一种资源，用一种颜色填充<Grid/>的背景，并用另一种颜色填充<Border/>的背景。 <Grid/>最终以预期的形式位于屏幕中央的方框中，但是边框<Border/>充满了整个屏幕。 谁能告诉我为什么会这样，以及如何根据需要使<Border/>适应<Grid/> ？

Answer 1

得到它了！

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

我发布问题后，我所缺少的一切就变得清晰起来！