Procedura: modificare le proprietà di ancoraggio

Aggiornamento: novembre 2007

Nell'esempio riportato di seguito viene illustrato come modificare il valore della proprietà Dock di DockPanel. In questo esempio viene inoltre illustrata la funzionalità dei diversi valori di Dock.

Esempio

Nell'esempio vengono disegnati due elementi Rectangle e a ciascun elemento viene assegnata una proprietà Name. Due righe di elementi Button rappresentano i valori di enumerazione di Dock per ogni oggetto Rectangle. Le classi Buttons con proprietà LightCoral rappresentano l'oggetto Rectangle color corallo con la classe Docked inizialmente impostata su Left, le classi Buttons con proprietà LightSkyBlue rappresentano l'oggetto Rectangle azzurro che è inizialmente ancorato a destra (Right). Facendo clic su uno di questi pulsanti viene generato un gestore eventi che modifica la posizione dell'oggetto Dock. Inoltre, il testo contenuto nell'oggetto TextBlock viene modificato per mostrare la nuova direzione dell'ancoraggio per l'oggetto Rectangle.

Per visualizzare l'esempio completo, vedere Esempio di proprietà Dock.

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

Gli eventi definiti nel file Extensible Application Markup Language (XAML) precedente sono gestiti in un file 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";
}

Vedere anche

Concetti

Cenni preliminari sugli elementi Panel

Riferimenti

DockPanel