Question

我正在尝试在页面中<Border/>附近设置一个<Grid/>，但边框似乎与网页接近而不是网格。

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

我一发布这个问题，我所遗漏的内容就变得清晰了！

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

1 个答案: