方法 : Dock プロパティを変更する
更新 : 2007 年 11 月
DockPanel の Dock プロパティの値を変更する方法を次の例に示します。この例では、別の Dock 値の機能も示します。
使用例
この例では、2 つの Rectangle 要素を描画し、各要素に Name を割り当てます。Button 要素の行の 2 つのまとまりは、各 Rectangle の Dock 列挙値を表します。LightCoral の Button はサンゴ色の Rectangle で表示され、最初は Left にドッキングされます。LightSkyBlue の Button は明るい青の Rectangle で表示され、最初は Right にドッキングされます。これらのボタンの 1 つをクリックすると、イベント ハンドラが発生し、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>
この Extensible Application Markup Language (XAML) ファイルで定義されたイベントは、分離コード ファイルで処理されます。
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";
}