WPF: Zone dynamique de la hauteur

Vous avez les marges sur les 4 côtés avec un VerticalAlignment de s'Étirer. Dans une Grille, ce sera essentiellement vous donner une Zone que les tailles avec son parent, mais pas son contenu. Supprimer la marge de droite et de bas et changer le VerticalAlignment vers le Haut.

Les marges sont de l'ordre de L, T, R, B. Afin de remettre à zéro les deux derniers. Hauteur=Auto et VerticalContentAlignment=Étirement sont les valeurs par défaut de sorte que vous pouvez vous débarrasser de ces trop. Essayez de garder le XAML aussi propre que possible.

Il est clair à partir de la marge bénéficiaire que vous êtes à l'aide de Mélange ou de Visual Studio designer. Je vous recommande d'utiliser le concepteur de "preview" mode, plutôt que de l'édition. Même si il a obtenu beaucoup mieux, je trouve la mise en page du comportement du designer dans les deux produits pour être très frustrant. Se familiariser avec la création de XAML à la main verse des dividendes à long terme.

EXEMPLE

Que par les commentaires, je suis en ajoutant un exemple de la façon dont vous auriez un DataGrid qui provoque son parent éléments augmente automatiquement en fonction de la taille. Notez que la Fenêtre elle-même a une taille fixe. Pour une Fenêtre, si vous voulais la faire croître en fonction de la taille vous pouvez définir SizeToContent=Hauteur. Remarquez comment vous avez seulement besoin de définir VerticalAlignment=en Haut sur la plus externe de l'élément.

MainWindow.xaml

<Window x:Class="WpfApplication2.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Width="640" Height="480">
    <Grid x:Name="LayoutRoot" Background="Green" VerticalAlignment="Top">
        <Border Margin="5" BorderBrush="Yellow" BorderThickness="4">
            <GroupBox Header="Data Grid" Background="Orange">
                <DataGrid x:Name="dg" AutoGenerateColumns="True" />
            </GroupBox>
        </Border>
    </Grid>
</Window>

MainWindow.xaml.cs

public partial class MainWindow : Window
{
    public MainWindow( )
    {
        InitializeComponent( );

        var items = new ObservableCollection<DateTime>( );
        dg.ItemsSource = items;

        var timer = new DispatcherTimer( );
        timer.Interval = TimeSpan.FromSeconds( 2 );
        timer.Tick += ( s, e ) => items.Add( DateTime.Now );
        timer.Start( );
    }
}

OriginalL'auteur Josh