SplitContainerで画面を分割する

当ページのリンクには広告が含まれています。

SpliterContainer は画面を左右又は上下に分割し、マウスで分割範囲を変更できるようにするコントロールです。

SpliterControlにコントロールを置き、適切にAnchorを設定することで、下記の様な動作が可能になります。

目次

使い方

左のツールボックスから SplitContainer を探して、ドラッグ&ドロップで張り付けます。

「全てのWindowsフォーム」で探せますが、他のコントロールが表示されすぎて探しずらい時は「コンテナ」から探してください。

張り付けるとWindowフォーム一杯に表示されますので、プロパティで解除する必要があります。

SplitContainerはPanel1とPanel2で構成されているため、単純にクリックしただけでは片方しか選択できません。

SplitContainer自身を選択するには、Panel1かPanel2のどちらでもOKなので、右クリックでメニューを表示し、そこから選択して下さい。

次に、プロパティからDockを探し、FillをNoneに変更します。

後は適当なサイズに変更して、SplitContainerのPanel1、Panel2にコントロールを配置していきます。

この時、適切にAnchorを設定しないと意図通りの動作にならないのでご注意ください。

どこを固定すればどの様な動作になるかを想像しながらAnchorを設定する必要があるため、ある程度の慣れが必要です。

最初は試行錯誤になると思いますが、数をこなすと分かってくるようになりますので大丈夫です。

動作を決める主なプロパティ

SplitContainerは単に画面を分割するだけでなく、片方のサイズを固定したり、或いは閉じたりすることが出来ます。

そして、これらは全てプロパティの設定で可能です。

ここでは、よく使われるプロパティをいくつか紹介します。

以下のプロパティは SpliterContainer を選択した時に表示されるプロパティです。

Panel1又はPanel2が選択されている時は表示されませんのでご注意ください。

プロパティ解説
Panel1Collapsedtrueを設定するとPanel1を閉じる
Panel2Collapsedtrueを設定するとPanel2を閉じる
Panel1MinSizePanel1の最小幅を指定する
Panel2MinSizePanel2の最小幅を指定する
FixedPanelPanel1又はPanel2のどちらかを指定することで、そのPanelのサイズが固定化される
SplitterDistance左端からPanel1とPanel2の境界線までのサイズを数値(ピクセル)で指定
IsSplitterFixedtrueに設定するとPanel1とPanel2の境界線が非表示になり、マウスで変更できなくなる
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次