如何使WPF StackPanel适合网格单元格

时间:2013-11-22 14:47:33

标签: c# wpf wpf-controls stackpanel

我的WPF项目中有一个StackPanel控件,它位于Grid的第0列第2行。如何将StackPanel大小自动调整为该网格单元的大小?将StackPanel宽度和高度设置为“auto”只会将其大小调整为其内容。我可以明确地将其宽度和高度设置为数值,但我想知道是否有更清晰,更准确的方法。谢谢。

相关XAML:

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="1*"/>
        <ColumnDefinition Width="1*"/>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="74*"/>
        <RowDefinition Height="74*"/>
        <RowDefinition Height="421*"/>
    </Grid.RowDefinitions>
    <Label Content="{StaticResource LoginWindow_Title}" Style="{StaticResource TitleH1}" Grid.ColumnSpan="2"/>
    <Label Content="{StaticResource LoginWindow_Subtitle}" Style="{StaticResource TitleH2}" Grid.Row="1" Grid.ColumnSpan="2"/>
    <Border BorderBrush="Black" BorderThickness="1" HorizontalAlignment="Center" Grid.Row="2" VerticalAlignment="Top">
        <StackPanel HorizontalAlignment="Left" Grid.Row="2" VerticalAlignment="Top">
            <Label Content="Log in"/>
        </StackPanel>
    </Border>
</Grid>

3 个答案:

答案 0 :(得分:7)

答案总是一样的...... 不要使用StackPanel进行布局。它们主要用于排列不太可能改变大小的UI元素。即使您将StackPanel调整为正确的大小,也无济于事,因为StackPanel 重新排列或调整其内容项的大小。如果您需要此功能,则必须使用其中一个Panel控件,而不是Grid

答案 1 :(得分:7)

StackPanel不在Grid,在Border内。因此,要获取所有可用空间,您可以为其及其父Stretch设置水平和垂直对齐Border

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="1*"/>
        <ColumnDefinition Width="1*"/>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="74*"/>
        <RowDefinition Height="74*"/>
       <RowDefinition Height="421*"/>
    </Grid.RowDefinitions>

    <Border HorizontalAlignment="Stretch" VerticalAlignment="Stretch" 
            BorderBrush="Black" BorderThickness="1"  Grid.Row="2">
        <StackPanel VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
            <Label Content="Log in"/>
        </StackPanel>
    </Border>
</Grid>

即便如此,正如其他提到的那样,在这种情况下,其他一些小组几乎会更好。

答案 2 :(得分:1)

&LT;网格和GT;
&LT;边界&GT;
&lt; StackPanel VerticalAlignment =“Center”...