Comment : modifier les propriétés de l'ancrage

Mise à jour : novembre 2007

L'exemple suivant indique comment modifier la valeur de la propriété Dock de DockPanel. Cet exemple montre également les fonctionnalités des différentes valeurs Dock.

Exemple

L'exemple dessine deux éléments Rectangle et assigne un Name à chacun d'entre eux. Deux lignes d'éléments Button représentent les valeurs d'énumération Dock de chaque Rectangle. Les boutonsLightCoral représentent le Rectangle couleur corail, initialement ancré à Left, et les boutonsLightSkyBlue représentent le Rectangle bleu ciel, initialement ancré à Right. En cliquant sur l'un de ces boutons, vous déclenchez un gestionnaire d'événements qui modifie la position Dock. De plus, le texte contenu dans le TextBlock est modifié afin d'afficher la nouvelle direction d'ancrage du Rectangle.

Pour afficher l'exemple complet, consultez Propriété Dock, exemple.

<StackPanel Orientation="Horizontal" DockPanel.Dock="Top" Margin="0,0,0,10">
  <Button Click="OnClick1" Background="LightCoral">Dock = "Left"</Button>
  <Button Click="OnClick2" Background="LightCoral">Dock = "Right"</Button>
  <Button Click="OnClick3" Background="LightCoral">Dock = "Top"</Button>
  <Button Click="OnClick4" Background="LightCoral">Dock = "Bottom"</Button>
</StackPanel>

<TextBlock DockPanel.Dock="Top" Name="Txt2">The Dock property of the LightSkyBlue Rectangle is set to Right</TextBlock>

<StackPanel Orientation="Horizontal" DockPanel.Dock="Top" Margin="0,0,0,10">
  <Button Click="OnClick5" Background="LightSkyBlue" Foreground="White">Dock = "Left"</Button>
  <Button Click="OnClick6" Background="LightSkyBlue" Foreground="White">Dock = "Right"</Button>
  <Button Click="OnClick7" Background="LightSkyBlue" Foreground="White">Dock = "Top"</Button>
  <Button Click="OnClick8" Background="LightSkyBlue" Foreground="White">Dock = "Bottom"</Button>
</StackPanel>

<TextBlock DockPanel.Dock="Top" Name="Txt3">The LastChildFill property is set to True (default).</TextBlock>
<StackPanel Orientation="Horizontal" DockPanel.Dock="Top" Margin="0,0,0,10">
  <Button Click="OnClick9" Background="White">LastChildDock="True"</Button>
  <Button Click="OnClick10" Background="White">LastChildDock="False"</Button>
</StackPanel>

<Border Background="LightGoldenRodYellow" BorderBrush="Black" BorderThickness="1">
  <DockPanel Name="myDP">
    <Rectangle Name="rect1" MinWidth="200" MinHeight="200" Stroke="Black" Fill="LightCoral" />
    <Rectangle Name="rect2" MinWidth="200" MinHeight="200" Stroke="Black" Fill="LightSkyBlue" />
  </DockPanel>
</Border>

Les événements définis dans le fichier XAML (Extensible Application Markup Language) précédent sont gérés dans un fichier code-behind.

Private Sub OnClick1(ByVal sender As Object, ByVal e As System.Windows.RoutedEventArgs)
    System.Windows.Controls.DockPanel.SetDock(rect1, System.Windows.Controls.Dock.Left)
    Txt1.Text = "The Dock property of the LightCoral Rectangle is set to Left"
End Sub
private void OnClick1(object sender, RoutedEventArgs e)
{
    DockPanel.SetDock(rect1, Dock.Left);
    Txt1.Text = "The Dock Property of the LightCoral Rectangle is set to Left";
}

Voir aussi

Concepts

Vue d'ensemble de Panel

Référence

DockPanel