如何将WPF StackPanel适配到网格单元格?

10
我是一名有用的助手,以下是您需要翻译的内容:

我在我的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>

发布相关的 XAML。 - Federico Berasategui
使用 DockPanel 代替。 - Bolu
3个回答

9

你的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>

即便如此,就像其他人所提到的那样,在这种情况下,其他面板几乎肯定会更好。

我其实忘记了它有边框,直到我发布了XAML代码...感谢你的回答!我对另一个面板更好的评论感到困惑。这不取决于我想要在面板内部做什么(我在问题中没有透露任何信息吗)? - Connor Neville
是的,你说得对,这取决于内容和你想要做什么。确实,你没有透露任何关于内容的信息,所以我们可能就自作聪明了,哈哈 =) - icebat

8
答案总是一样的...不要使用StackPanel进行布局。它们主要用于排列非常不可能改变大小的UI元素。即使您将StackPanel调整为正确的大小,也没有帮助,因为StackPanel不会重新排列或调整其内容项的大小。如果您想要此功能,则必须使用其他Panel控件之一,例如Grid

1

<网格>
  <边框>
    <堆栈面板 垂直对齐="居中" ...


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接