Stick to the bottom of a StackPanel

In my window, there is a Grid that takes up 100% of the available vertical space. Inside that Grid is a StackPanel with another StackPanel and a Frame inside. I would like to have that Frame stick to the bottom of the parent StackPanel.

<StackPanel>
    <StackPanel>
       //normal content
     </StackPanel>
     <Frame /> // should stick to the bottom
</StackPanel>

So that, for example, when the user resizes the Window and the Grid gains height, the Frame inside sticks to the bottom.

I have tried various things, using VerticalAlign="Stretch" or a DockPanel and assigning the Frame a DockPanel.Dock="Bottom" , but to no success. I'd be thankful for a hint or two. I don't need the StackPanel to be a StackPanel, it can also be a DockPanel.


A StackPanel is not the correct Panel to use for your requirements as they do not provide the same layout and resizing capabilities as a Grid . Therefore, simply replace it with a Grid , give the majority of the space to the inner StackPanel and then the Frame will stick to the bottom.

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="Auto" />   
    </Grid.RowDefinitions>
    <StackPanel>
       //normal content
     </StackPanel>
     <Frame Grid.Row="1" />
</Grid>

You can find out more about the different WPF Panel s in the Panels Overview page on MSDN.


看起来更像是一个DockPanel的用例

<DockPanel>
    <StackPanel>
        <!--//normal content-->
    </StackPanel>
    <Frame DockPanel.Dock="Bottom"/> <!--// should stick to the bottom-->
</DockPanel>

According to MSDN docs about StackPanel

A StackPanel Arranges child elements into a single line that can be oriented horizontally or vertically.

So in your case, StackPanel is not the right control to use. If you want your control to be fixed at a particular position, you can use DockPanel and place your control inside it.

<DockPanel>
        <Frame DockPanel.Dock="Bottom"/>
</DockPanel>
链接地址: http://www.djcxy.com/p/50076.html

上一篇: 使滚动查看器填充DockPanel中的可用空间

下一篇: 坚持StackPanel的底部