Gewusst wie: Ändern von Dock-Eigenschaften

Aktualisiert: November 2007

Im folgenden Beispiel ist dargestellt, wie der Wert der Dock-Eigenschaft von DockPanel geändert wird. In diesem Beispiel wird außerdem die Funktionalität der verschiedenen Dock-Werte veranschaulicht.

Beispiel

Im Beispiel werden zwei Rectangle-Elemente gezeichnet und jedem Element ein Name zugeordnet. Zwei Zeilen von Button-Elementen stellen die Dock-Enumerationswerte für das jeweilige Rectangle dar. Die LightCoral-Schaltflächen stellen das korallenfarbene Rectangle dar, das anfangs Leftangedockt ist, die LightSkyBlue-Schaltflächen stellen das hellblaue Rectangle dar, das anfangs Right angedockt ist. Durch Klicken auf eine dieser Schaltflächen wird ein Ereignishandler ausgelöst, von dem die Dock-Position geändert wird. Zusätzlich wird der im TextBlock enthaltene Text geändert, sodass die neue Andockrichtung für das Rectangle angezeigt wird.

Das vollständige Beispiel finden Sie unter Beispiel für Dock-Eigenschaft.

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

Die in der vorangehenden Extensible Application Markup Language (XAML)-Datei festgelegten Ereignisse werden in einer Code-Behind-Datei behandelt.

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";
}

Siehe auch

Konzepte

Übersicht über Panel-Elemente

Referenz

DockPanel