WrapPanel.Orientationで、並べる方向を指定できる
WrapPanel.Orientation Property (System.Windows.Controls) | Microsoft Docs
OrientationをVerticalにすると縦方向になる。
最初は縦一列。
縦を狭めると横に広がる。
横を広く縦を狭くするとこうなる。
Sample/wpf/WrapPanel/Orientation/src/WrapPanel_ at master · bg1bgst333/Sample · GitHub
WrapPanelも、StackPanelのように縦方向や横方向に並べるパネルレイアウト。
ただし、子コントロールがはみ出ないように折り返す機能がある。
WrapPanel Class (System.Windows.Controls) | Microsoft Docs
デフォルトは横方向だが、
サイズが大きいと折り返す。
起動時こうだが、ウィンドウを横に拡げると、
横に並ぶ。
狭めると縦に並ぶ。
Sample/wpf/WrapPanel/WrapPanel/src/WrapPanel_ at master · bg1bgst333/Sample · GitHub
FrameworkElement.Heightで高さを指定できる。
FrameworkElement.Height Property (System.Windows) | Microsoft Docs
1つ目の高さを20にする。
2つ目は30、3つ目は50にする。
このように高さがバラバラになる。
また、3つ目のボタンがウィンドウに入りきらないので切れてしまっている。
Sample/wpf/FrameworkElement/Height/src/FrameworkElement_ at master · bg1bgst333/Sample · GitHub
FrameworkElement.Widthで、幅を指定できる。
FrameworkElement.Width Property (System.Windows) | Microsoft Docs
1つ目のButtonのWidthを50にする。
2つ目は100、3つ目は150とする。
このように幅の違うボタンを配置できる。
Sample/wpf/FrameworkElement/Width/src/FrameworkElement_ at master · bg1bgst333/Sample · GitHub
StackPanel.Orientationで縦方向か横方向か並べる方向を指定できる。
StackPanel.Orientation Property (System.Windows.Controls) | Microsoft Docs
デフォルトは縦方向になっているが、
OrientationをHorizontalにすると横方向になる。
Verticalで再び縦方向になる。
もう一回Horizontalに戻して、
横方向に表示されてる。
Sample/wpf/StackPanel/Orientation/src/StackPanel_ at master · bg1bgst333/Sample · GitHub
ContentControl.Contentで、Buttonなどコンテンツ(文字列や画像など)を中に表示するようなコントロールのコンテンツをセットする。
ContentControl.Content Property (System.Windows.Controls) | Microsoft Docs
文字列のコンテンツの場合は、セットするには3つの方法がある。
Contentプロパティに直接文字列で指定する方法。
Contentプロパティサブタグの値として指定する方法。
子要素に直接指定する方法。
Contentプロパティサブタグは省略できるので、こういうこともできる。
どれにしても表示できる
Sample/wpf/ContentControl/Content/src/ContentControl_ at master · bg1bgst333/Sample · GitHub
StackPanelは、縦方向、または横方向に子コントロールを並べるパネルレイアウト。
StackPanel Class (System.Windows.Controls) | Microsoft Docs
Gridをいったん外して、StackPanelをWindow直下にする。
子要素にButtonを配置。
Buttonのテキストは、Buttonタグの中に書くことでセットできる。
3つ並べる。
このように表示される。
Sample/wpf/StackPanel/StackPanel/src/StackPanel_ at master · bg1bgst333/Sample · GitHub
