使用什么 WPF 面板控件将子项锚定到边缘（手风琴效果）？

Question

这（希望）是一个简单的...我正在尝试找到一个可以使用的 WPF 面板，当调整大小时，它会保持所有垂直对齐的子项（按钮）与面板底部边缘的偏移距离相同，因此它看起来他们正在扩张。

最明显的方法是使用停靠面板并锚定到底部，但这似乎不起作用。将两个以上的孩子放在那里会弄乱对齐方式，无论我做什么，我都无法让它们垂直对齐。我尝试过各种面板，但没有任何乐趣。我认为这相当简单，但它难倒了我！

基本上，当我单击顶部按钮时，我试图获得手风琴效果，面板会展开并显示所有子按钮。当我再次单击顶部按钮时，它会折叠。我想我可以用故事板移动每个孩子，但我必须认为我的故事需要做的就是改变面板的大小，并且孩子们保持他们的偏移和手风琴......

有什么想法吗？

提前致谢！

Answer 1

如果“基本上我想获得手风琴效果”是您问题的本质（我对吗？）那么，您是否尝试过使用内置的 WPF 扩展器？在我看来，你正试图建立自己的......

Answer 2

我相信你实际上可以使用Canvas并设置控件的Canvas.Top、Left、Right和Bottom属性来获得与WinForms和anchor相同的效果。

<Canvas>
    <Button Canvas.Left="30" Canvas.Bottom="10" Content="Button 1"  Name="button1"  />
    <Button Canvas.Left="90" Canvas.Bottom="10" Content="Button 2"  Name="button2"  />
</Canvas>

Grid 也可以执行类似操作：

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="40" />
    </Grid.RowDefinitions>
    <Button Grid.Row="1" Grid.Column="0" Content="Button 1"  Name="button1" Margin="5" />
    <Button Grid.Row="1" Grid.Column="1" Content="Button 2"  Name="button2" Margin="5" />
</Grid>

Answer 3

我不太明白你所说的手风琴效应是什么意思，它也可能与拉伸有关。如果你想要锚定，你可以使用网格：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition /> <!-- Gets all available space i.e. resizes with window -->
        <RowDefinition Height="Auto"/> <!-- Sizes to content, always stays at the bottom -->
    </Grid.RowDefinitions>
    <!-- Resizable content goes in Grid.Row="0" -->
    <StackPanel Grid.Row="1" Orientation="Horizontal" VerticalAlignment="Top" HorizontalAlignment="Right" Margin="5">
        <Button Name="ButtonOK" HorizontalAlignment="Right" Width="100" Margin="5" Click="ButtonOK_Click" IsDefault="True">OK</Button>
        <Button Name="ButtonCancel" HorizontalAlignment="Right" Width="100" Margin="5" Click="ButtonCancel_Click" IsCancel="True">Cancel</Button>
    </StackPanel>
</Grid>