Xaml-stackpanel
XAML-StackPanel
スタックパネルは、XAMLのシンプルで便利なレイアウトパネルです。 スタックパネルでは、orientationプロパティに基づいて、子要素を水平または垂直に1行に配置できます。
あらゆる種類のリストを作成する必要がある場合によく使用されます。 スタックパネルは、Menu、ListBox、ComboBoxなどのItemsControlで使用されます。 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に追加する方法を示しています。 以下は、いくつかのプロパティを持つStackPanel内に楕円が作成されるXAML実装です。
<Window x:Class = "XAMLStackPanel.Window1"
xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
Title = "MainWindow" Height = "400" Width = "604">
<Grid>
<StackPanel x:Name = "myPanel">
<Button Content = "Button 1" Width = "100" Height = "40" Margin = "10"/>
<Button Content = "Button 2" Width = "100" Height = "40" Margin = "10"/>
<RadioButton Content = "Radio Button 1" Width = "100" Margin = "10"/>
<RadioButton Content = "Radio Button 2" Width = "100" Margin = "10"/>
<RadioButton Content = "Radio Button 3" Width = "100" Margin = "10"/>
<CheckBox Content = "Check Box 1" Width = "100" Margin = "10"/>
<CheckBox Content = "Check Box 2" Width = "100" Margin = "10"/>
</StackPanel>
</Grid>
</Window>
上記のコードをコンパイルして実行すると、次の出力が生成されます。 デフォルトでは、子要素は垂直方向に配置されていることがわかります。 Yanは、orientationプロパティをHorizontalに設定することで配置を変更できます。
上記のサンプルコードを実行し、他のプロパティも試してみることをお勧めします。