Wpf-wrappanel
WPF-WrapPanel
WrapPanelでは、子要素は、方向プロパティに基づいて、左から右、または上から下の順番で配置されます。 StackPanelとWrapPanelの唯一の違いは、すべての子要素を1行に積み重ねないことです。スペースが残っていない場合、残りの要素を別の行にラップします。
WrapPanelは主にタブまたはメニュー項目に使用されます。 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 = "WPFWrapPanel.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:WPFWrapPanel"
mc:Ignorable = "d" Title = "MainWindow" Height = "350" Width = "604">
<Grid>
<WrapPanel Orientation = "Vertical">
<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に変更することにより、配置を上から下に変更できます。
上記のサンプルコードを実行し、このクラスの他のプロパティも試してみることをお勧めします。