为什么我的网格布局没有占据整个宽度

Question

我有一个包含六行的网格（每行是一个堆栈布局）。

在我的第五行（即第五个堆栈布局）中，我有一个网格。该网格的宽度为100％，但该网格未占据宽度的100％。

我该如何解决这个问题？

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
        <RowDefinition Height="*"></RowDefinition>
    </Grid.RowDefinitions>
    <StackPanel Grid.Row="0" Orientation="Vertical">
    </StackPanel>
    <StackPanel Grid.Row="1" Orientation="Vertical">
    </StackPanel>
    <StackPanel Grid.Row="2" Orientation="Vertical">
        <Grid Width="100%">
        </Grid>
    </StackPanel>
    <StackPanel Grid.Row="3" Orientation="Vertical">
    </StackPanel>
</Grid>

Answer 1

我认为，您可以尝试删除堆栈面板，并且可以在Grid上使用Grid.Row来解决此问题。

Answer 2

我以前没有看到UWP中使用的百分比，甚至认为它不是有效的语法。 我认为您应该使用HorizontalAlignment="Stretch"来将Grid拉伸到完整宽度。

Answer 3

@Martin Zikmund和@Durai Amuthan.H的建议都是正确的。 UWP XAML布局中的Width=100%不支持。

如果要使Grid具有与StackPanel相同的宽度，并在调整窗口大小时自动调整大小，则也可以像下面这样直接删除Width ：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
        <RowDefinition Height="*"></RowDefinition>
    </Grid.RowDefinitions>
    <StackPanel Grid.Row="0" Orientation="Vertical">
    </StackPanel>
    <StackPanel Grid.Row="1" Orientation="Vertical">
    </StackPanel>
    <StackPanel Grid.Row="2" Orientation="Vertical">
        <Grid Background="Red">
            <TextBlock Text="abc"></TextBlock>
        </Grid>
    </StackPanel>
    <StackPanel Grid.Row="3" Orientation="Vertical">
    </StackPanel>
</Grid>