DockPanel または StackPanel を使用して子要素をスタックすることはできますが、2 つのコントロールが常に同じ結果を生成するとは限りません。 たとえば、子要素を配置する順序は、 DockPanel 内の子要素のサイズに影響を与える可能性がありますが、 StackPanel では影響しません。 この異なる動作は、 StackPanel が Double.PositiveInfinity に向かって積み重ねる方向で測定するために発生しますが、 DockPanel は使用可能なサイズのみを測定します。 この記事の例では、次の図のような 2 つのパネルを含む Grid …

今回は最も使用頻度の高い Grid 、 StackPanel 、 DockPanel について詳しく学習します。 パネルの一覧は、Microsoft Learnの「パネル概要」の「派生パネル要素」も参考にしてください。 すべてのパネルはPanelクラスからの派生クラス（Panel継承したクラス） となっています。 Gridは 表のマス目にコントロールを配置 できるレイアウトパネルです。 「ここは2行目・1列目」「ここは1行目・2列目」といった指定で、きっちりした画面レイアウトができます。 以下が例です。 ポイントは以下です。 各セルに１つずつコントロールを置くのが基本。 …

このPanelはDockPanel単体では効果はなく、その中の指定に DockPanel.Dockを指定する事により、効果を発揮します。 以下のXAMLソースを見てください。 DockPanelの下に各StackPanelを配置し、各々にDockPanel.Dockを指定し、一番最後にStackPanelも何も指定しないLabelがいます。 これを実行すると以下のようなレイアウトになります。 例えば DockPanel.Dock=Bottom のエリアは 必ず一番下に配置 されますので用途としては 各画面を制御するためのボタン にしたりとかが想定されます。 …

パネル系コントロールには、Grid、WrapPanel、StackPanel、DockPanel、Canvasがあります。 このページでは、これらのコントロールの使い方を紹介します。 次のサンプルコードを使用します。 app.Run(new MainWindow().getWindow()); } catch (Exception ex) { MessageBox.Show(String.Format("正常な処理をすることができませんでした。\r\n{0}\r\n{1}", ex.Message, ex.StackTrace)); return; } } } } …

StackPanel による配置はいたってシンプルで、 上から順に、幅いっぱいに詰め込んでいくだけです。 Orientation="Horizontal" という属性値を入れると、 左から右に並べることもできます。 WrapPanel は、HTML みたいに、 左詰で子要素を配置していき、 右端で折り返します。 WrapPanel がリサイズされた場合、 折り返し位置が変化します。 DockPanel を使うと、 Dock 属性で指定した方向に子要素を貼り付けることができます。 例えば、 Dock="Top" とすれば上側に張り付いて、左右いっぱいに表示されます。 DockPanel …

DockPanel 上下左右にコントロールをへばり付かせるようなパネル。 メニューバーの配置とか、ステータスバーの配置とかが楽にできる。 StackPanel 水平方向、或いは垂直方向にただただ配置するパネル。 やる事、やれる事がシンプルなので軽い。 Gridよりは軽い。 StackPanelはそれ (軽さ)で重宝される。 WrapPanel 折り返しができるStackPanel。 折り返しができるのがポイント。 折り返せることに意味がある。 Grid 格子状にコントロールを配置をできる。 別のGridと幅等を同期させる事も可能。 親戚にUniformGridというのがいる。 …