Silverlight: StackPanel'de kalan alana uzanan

Question

İki elemanlı bir dikey StackPanel var: a Button ve bir ListBox. ListBox germesini kalan sayfa yüksekliğine nasıl alabilirim? Bu var

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

Note Izgara kabını kullanarak çalışmak için:

<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

Eh, zaten çözümü buldum; onların büyüklük olduğundan StackPanels varsayılan olarak kalan boşluğu doldurmak olmaz) Her zaman çocuk elemanlarının gerekli olan büyüklüğüne eşittir. Grid, tarayıcı boyutu değiştiğinde dinamik olarak yeniden boyutlandırılacağı için gitmek için harika bir yoldur. Mark'ın DockPanel kullanmanın cevabı da iyi. Diğer tek yöntem, ana denetimin boyutu değiştiğinde öğeleri el ile boyutlandırmak olabilir. Genel olarak, dış düzen için Izgaralar ile sopa ve bunları StackPanels ve diğer kontrollerle doldururlar ve ayarlanmalıdır.

Answer 2

Bir DockPanel kullanabilirsiniz. top yerleştirmek için ilk öğeyi ayarlayın ve ikinci dolguyu sabitlemek veya LastChildFill özelliğini kullanmak için:

<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

James'in gözlemine katılıyorum: "StackPanels varsayılan olarak kalan alanı doldurmaz, çünkü boyutları her zaman için çocuk öğelerinin gerekli boyutuna eşittir." Bu tam olarak ne olur, ama beklenen sonuç bu değil.

Bu talimatın içeriği neden en küçük gerekli alana sıkıştıracağını anlayabiliyorum.

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

... Ancak StackPanel bir HorizontalAlignment bağımsız değişken kabul - seçilmiş ise yığın paneli, üst kabın içindekileri dolmasına neden gereken. Oryantasyon = "Dikey" olarak ayarlandığında tam olarak bu gerçekleşir. Bu durumda StackPanel'in ne kadar yatay alanın mevcut olduğunu ve çocuk kontrollerine tahsis edeceğini gözlemleyin.

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

Onun sadece Oryantasyon = "Yatay" aşağı sonları boyutlandırma Yatay çocuk.

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

Answer 4

UniformGrid Columns = StackPanel yerine "2" kullanın.