DockPanel レイアウト パネルの使用

Cc295378.bf9c77b1-ba7a-4f3b-8380-d05728d208d1(ja-jp,Expression.40).png

Windows Presentation Foundation (WPF) の DockPanel レイアウト パネルには、コンパスの方向 (北、南、東、西) に基づいて、画面の境界線に子オブジェクトを整列できるレイアウト領域があります。DockPanel は、画面の端にパネルをドッキングすることができるため、本来、他の形式のパッケージでルート レイアウトに使用されていました。

DockPanel に子オブジェクトを追加する場合は、既定でオブジェクトは左側にドッキングされます。最後に追加する子オブジェクトの LastChildFill プロパティを True に設定すると、そのオブジェクトでパネルの残りのスペースを埋めることができます。既定では、このプロパティは False に設定されています。パネルをオブジェクトで埋めたときに、親のレイアウト コンテナーによって切り取られたり隠れたりすることがあります。

DockPanel オブジェクトの子オブジェクトをドラッグすると、下の図のように 4 方向矢印の大きなポインターが表示され、ドッキング可能な方向が示されます。このポインターを使用して、ドッキング方向を変更することもできます。オブジェクトを目的の方向の矢印の上にドラッグします。選択した方向の矢印が強調表示され、オブジェクトをドロップするとその方向にドッキングできることがわかります。

ドキュメントに DockPanel を追加するには、[アセット] パネル Cc295378.0d8b8d29-1af9-418f-8741-be3097d76eab(ja-jp,Expression.40).png または [ツール] パネルのレイアウト コンテナー ボタンで [DockPanel] Cc295378.db9f1ff5-6bca-441d-b289-c6781a478a5b(ja-jp,Expression.40).png を選択し、アートボードにドラッグします。次の XAML コードがプロジェクトに追加されます。

<Grid x:Name="LayoutRoot">
   <DockPanel HorizontalAlignment="Left" Height="100" LastChildFill="False" VerticalAlignment="Top" Width="100"/>
</Grid>

DockPanel オブジェクトの使用方法については、「ドッキング順序の変更」および「ドッキング方向の変更」を参照してください。

Cc295378.72d46b58-9a49-4dd5-8af7-6843c0440226(ja-jp,Expression.40).png

Copyright ©2011 by Microsoft Corporation. All rights reserved.

  • Last updated on