Silverlight: Ausdehnung auf verbleibenden Platz in StackPanel

Question

Ich habe eine vertikale StackPanel mit zwei Elementen: eine Schaltfläche und eine ListBox. Wie kann ich die ListBox auf die verbleibende Seitenhöhe strecken?

<StackPanel Height="Auto" Width="Auto"> 
    <Button Height="30" Width="100" Content="Get Content" x:Name="GetContent"/> 
    <ListBox Height="Auto" Width="Auto" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"/> 
</StackPanel> 

Bitte beachte, dass ich diese an die Arbeit ein Grid-Container mit:

<Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="*"/> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="*"/> 
    </Grid.ColumnDefinitions> 
    <Button Width="100" Height="30" Content="Get Content" Click="OnGetContent" Grid.Row="0" Grid.Column="0"/> 
    <data:DataGrid x:Name="MyContent" Margin="0,5" Grid.Row="1" Grid.Column="0"/> 
</Grid> 

Answer 1

Nun, Sie fanden die Lösung bereits;) StackPanels nicht füllen alle verbleibenden Raum standardmäßig, weil ihre Größe ist immer gleich der kombinierten erforderlichen Größe ihrer Kindelemente. Grid ist eine gute Möglichkeit, da es sich dynamisch ändert, wenn sich die Browsergröße ändert. Marks Antwort auf ein DockPanel funktioniert auch. Die einzige andere Methode wäre, die Elemente manuell zu vergrößern, wenn sich die Größe des übergeordneten Steuerelements ändert. Im Allgemeinen bleiben Sie bei Grids für das äußere Layout und sie füllen sie mit StackPanels und anderen Steuerelementen und Sie sollten eingestellt werden.

Answer 2

Sie können eine DockPanel verwenden. Stellen Sie den ersten Punkt oben andocken und die zweite Füllung andocken, oder verwenden Sie die LastChildFill Eigenschaft:

<toolkit:DockPanel LastChildFill="True" 
xmlns:toolkit="http://schemas.microsoft.com/winfx/2006/xaml/presentation/toolkit">  
    <Button DockPanel.Dock="Top" Height="30" Width="100" 
    Content="Get Content" x:Name="GetContent"/> 
    <ListBox Background="Azure" /> 
</toolkit:DockPanel> 

Answer 3

Ich stimme James 'Beobachtung zu, dass "StackPanels keinen verbleibenden Platz standardmäßig füllen wird, da ihre Größe immer der kombinierten erforderlichen Größe ihrer Kindelemente entspricht." Genau das passiert, aber das ist nicht das erwartete Ergebnis.

Ich kann sehen, warum diese Anweisung den Inhalt in den kleinsten notwendigen Raum komprimieren würde.

<StackPanel Height="Auto" Width="Auto"> 

jedoch ... Stackpanel übernimmt eine Horizontal Argument - die, wenn ausgewählt wird, sollte der Stapel-Display verursachen, den Inhalt ihrer übergeordneten Container zu füllen. Genau das passiert, wenn Sie Ausrichtung = "Vertikal" festlegen. Beachten Sie, dass das StackPanel in diesem Fall bestimmt, wie viel horizontaler Speicherplatz verfügbar ist, und es den untergeordneten Steuerelementen zuweist.

<StackPanel Height="30" Orientation="Vertical" HorizontalAlignment="Stretch" > 
    <TextBox /> <!--TextBox fills entire space--> 
</StackPanel> 

Seine nur, wenn Orientation = "Horizontal", dass die horizontale Kind bricht Sizing.

<StackPanel Height="30" Orientation="Horizontal" HorizontalAlignment="Stretch" > 
    <TextBox /> <!--TextBox fills smallest space available--> 
</StackPanel> 

Answer 4

Verwenden Sie UniformGrid Columns = "2" anstelle von StackPanel.