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

StackPanel レイアウト パネルを使用すると、指定した方向にオブジェクトを積み重ねることができます。StackPanel レイアウト パネルで定義したプロパティに基づいて、コンテンツを垂直方向 (既定値) または水平方向に配置することができます。StackPanel レイアウト パネルは主に、ListBox コントロールや ComboBox コントロールのポップアップ リストなど、リスト コントロール内で使用されます。StackPanel レイアウト パネル内に作成または描画したオブジェクトはすべて、パネル内のオブジェクトの積み重ね順の最後の子オブジェクトとして自動的に追加されます。StackPanel レイアウト パネルに収まらない数の子オブジェクトを追加すると、切り取られるか非表示にされます。

  • 方向 既定では、StackPanel レイアウト パネル内のオブジェクトは垂直方向に積み重ねられますが、水平方向に積み重ねることもできます。

  • 入れ子パネル 入れ子になったレイアウト パネルを使用して (つまり、レイアウト パネルを子オブジェクトとして使用できます)、並んでいるオブジェクトを格納することができます。入れ子型パネルは、親の StackPanel レイアウト パネル内に格納される他の子オブジェクトと同様に積み重ねられます。

StackPanel レイアウト パネルをドキュメントに追加するには、[アセット] パネル Cc294551.0d8b8d29-1af9-418f-8741-be3097d76eab(ja-jp,Expression.40).png から、または [ツール] パネルのレイアウト コンテナー ボタンから StackPanel Cc294551.ec58af86-cc2a-4e1f-91c0-883c5406fdfb(ja-jp,Expression.40).png を選択して、アートボードにドラッグします。次の XAML コードがプロジェクトに追加されます。

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

StackPanel レイアウト パネル操作の詳細については、「積み重ね順序の変更」および「積み重ね方向の変更」を参照してください。

垂直方向に設定されたスタック パネル内のオブジェクト

Cc294551.a85a7b57-b0a8-495e-b985-f0291e41d093(ja-jp,Expression.40).png

Copyright ©2011 by Microsoft Corporation. All rights reserved.

  • Last updated on