Xaml-wrappanel
XAML-WrapPanel
WrapPanelでは、子要素は、orientationプロパティに基づいて左から右へ、または上から下へ順番に配置されます。 StackPanelとWrapPanelの唯一の違いは、すべての子要素を1行にスタックするのではなく、スペースが残っていない場合、残りの要素を別の行にラップすることです。
WrapPanelは主にタブまたはメニュー項目に使用されます。 WrapPanelクラスの階層的な継承は次のとおりです-
プロパティ
以下は、WrapPanelの一般的に使用されるプロパティです。
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から継承されます。) |
例
次の例は、WrapPanelに子要素を追加する方法を示しています。 次に、水平方向のWrapPanel内にテキストブロックとテキストボックスを作成するXAML実装を示します。
<Window x:Class = "XAMLWrapPanel.Window1"
xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
Title = "MainWindow" Height = "300" Width = "604">
<Grid>
<WrapPanel Orientation = "Horizontal">
<TextBlock Text = "Fist Name" Width = "60" Height = "20" Margin = "5"/>
<TextBox Width = "200" Height = "20" Margin = "5"/>
<TextBlock Text = "Last Name" Width = "60" Height = "20" Margin = "5"/>
<TextBox Width = "200" Height = "20" Margin = "5"/>
<TextBlock Text = "Age" Width = "60" Height = "20" Margin = "5"/>
<TextBox Width = "60" Height = "20" Margin = "5"/>
<TextBlock Text = "Title" Width = "60" Height = "20" Margin = "5"/>
<TextBox Width = "200" Height = "20" Margin = "5"/>
</WrapPanel>
</Grid>
</Window>
上記のコードをコンパイルして実行すると、次の出力が生成されます。 orientationプロパティをVerticalに変更することにより、配置を上から下に変更できます。
上記のサンプルコードを実行し、他のプロパティも試してみることをお勧めします。