Wpf-stackpanel
WPF-StackPanel
スタックパネルは、XAMLのシンプルで便利なレイアウトパネルです。 スタックパネルでは、方向プロパティに基づいて、子要素を水平または垂直に1行に配置できます。 任意の種類のリストを作成する場合によく使用されます。 StackPanelクラスの階層的な継承は次のとおりです-
StackPanelの一般的に使用されるプロパティ
StackPanelの最も一般的に使用されるプロパティを以下に示します。
Sr. No. | Property & Description |
---|---|
1 |
Background パネルのコンテンツ領域を塗りつぶすブラシを取得または設定します。 (Panelから継承) |
2 |
Children このPanelの子要素のUIElementCollectionを取得します。 (Panelから継承されます。) |
3 |
Height 要素の推奨される高さを取得または設定します。 (FrameworkElementから継承されます。) |
4 |
ItemHeight WrapPanelに含まれるすべての項目の高さを指定する値を取得または設定します。 |
5 |
ItemWidth WrapPanelに含まれるすべての項目の幅を指定する値を取得または設定します。 |
6 |
LogicalChildren このPanel要素の論理子要素を反復処理できる列挙子を取得します。 (Panelから継承されます。) |
7 |
LogicalOrientation パネルが1次元のみのレイアウトをサポートする場合、パネルの方向。 (Panelから継承されます。) |
8 |
Margin 要素の外側の余白を取得または設定します。 (FrameworkElementから継承されます。) |
9 |
Name 要素の識別名を取得または設定します。 この名前は、イベントハンドラコードなどの分離コードがXAMLプロセッサによる処理中に構築された後にマークアップ要素を参照できるように、参照を提供します。 (FrameworkElementから継承されます。) |
10 |
Orientation 子コンテンツが配置される次元を指定する値を取得または設定します。 |
11 |
Parent この要素の論理的な親要素を取得します。 (FrameworkElementから継承されます。) |
12 |
Resources ローカルに定義されたリソースディクショナリを取得または設定します。 (FrameworkElementから継承されます。) |
13 |
Style この要素がレンダリングされるときに使用されるスタイルを取得または設定します。 (FrameworkElementから継承されます。) |
14 |
Width 要素の幅を取得または設定します。 (FrameworkElementから継承されます。) |
例
次の例は、子要素をStackPanelに追加する方法を示しています。 次のXAML実装は、いくつかのプロパティを持つStackPanel内にボタンを作成します。
<Window x:Class = "WPFStackPanel.MainWindow"
xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d = "http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local = "clr-namespace:WPFStackPanel"
mc:Ignorable = "d" Title = "MainWindow" Height = "350" Width = "604">
<Grid>
<StackPanel Orientation = "Horizontal">
<Button x:Name = "button" Content = "Button" Margin = "10" Width = "120" Height = "30"/>
<Button x:Name = "button1" Content = "Button" Margin = "10" Width = "120" Height = "30"/>
<Button x:Name = "button2" Content = "Button" Margin = "10" Width = "120" Height = "30"/>
<Button x:Name = "button3" Content = "Button" Margin = "10" Width = "120" Height = "30"/>
</StackPanel>
</Grid>
</Window>
上記のコードをコンパイルして実行すると、次のウィンドウが生成されます。 子要素が水平方向に配置されていることがわかります。 Yanは、orientationプロパティをHorizontalに設定することで配置を変更できます。 デフォルトでは、子要素は垂直方向に配置されます。
上記のサンプルコードを実行し、このクラスの他のプロパティも試してみることをお勧めします。