방법: Dock 속성 변경
업데이트: 2007년 11월
다음 예제에서는 DockPanel의 Dock 속성 값을 변경하는 방법을 보여 줍니다. 이 예제에서는 다양한 Dock 값의 기능도 보여 줍니다.
예제
이 예제에서는 두 개의 Rectangle 요소를 그린 다음 각 요소에 Name을 할당합니다. Button 요소의 두 행은 각 Rectangle에 대한 Dock 열거형 값을 나타냅니다. LightCoralButton은 처음에 Dock 열거형을 통해 Left로 도킹된 산호 색 Rectangle을 나타내고, LightSkyBlueButton은 처음에 Right로 도킹된 옅은 파란색 Rectangle을 나타냅니다. 이 단추 중 하나를 클릭하면 Dock 위치를 변경하는 이벤트 처리기가 실행됩니다. 또한 TextBlock에 포함된 텍스트가 Rectangle의 새 도킹 방향을 나타내도록 변경됩니다.
전체 샘플을 보려면 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>
앞의 XAML(Extensible Application Markup Language) 파일에 정의된 이벤트는 코드 숨김 파일에서 처리됩니다.
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";
}