次の方法で共有

方法: Windows フォームを使用してマルチペイン ユーザー インターフェイスを作成する

  • [アーティクル]

フォーム上にコントロールを配置すると、Microsoft Outlook で使用されているのと同様の複数ウィンドウ ユーザー インターフェイスを作成できます。このユーザー インターフェイスには、フォルダー リスト、メッセージ ウィンドウ、プレビュー ウィンドウがあります。 この配置は、主にフォームを使用してコントロールをドッキングさせることで実現できます。

コントロールをドッキングするときに、コントロールが固定されている親コンテナーの端を決定します。 Dock プロパティを Rightに設定すると、コントロールの右端が親コントロールの右端にドッキングされます。 また、ドッキングされたコントロールの端は、コンテナー コントロールのそれに合わせてサイズ変更されます。 Dock プロパティの動作の詳細については、「方法: Windows フォームのコントロールをドッキングする」を参照してください。

この手順では、アプリケーションが Microsoft Outlook を模倣する機能を追加することではなく、フォーム上の SplitContainer とその他のコントロールを配置することに重点を置いています。

Outlook メール ウィンドウのように設計されたフォームです。

このユーザー インターフェイスを作成するには、すべてのコントロールを SplitContainer コントロール内に配置します。 SplitContainer には、左側のパネルに TreeView コントロールがあり、右側のパネルには別の SplitContainer があります。 2 つ目の SplitContainer には、上部に ListView コントロール、下部に RichTextBox コントロールが含まれています。

これらの SplitContainer コントロールを使用すると、フォーム上の他のコントロールのサイズを個別に変更できます。 この手順の手法を調整して、独自のカスタム ユーザー インターフェイスを作成できます。

コントロール レイアウト

次の表では、Microsoft Outlook を模倣するようにコントロールを構成する方法について説明します。

コントロール 財産 価値
スプリットコンテナ (SplitContainer) 名前 splitContainer1
ドック Fill
TabIndex 4
SplitterWidth 4
SplitterDistance 100
Panel1.Controls このパネルに treeView1 コントロールを追加します。
Panel2.Controls このパネルに splitContainer2 コントロールを追加します。
ツリービュー 名前 treeView1
ドック Fill
タブインデックス 0
ノード Node0 という名前の新しいノードを追加する
SplitContainer 名前 splitContainer2
ドック Fill
タブインデックス 1
SplitterWidth 4
SplitterDistance 150
オリエンテーション Horizontal
Panel1.Controls このパネルに listView1 コントロールを追加します。
Panel2.Controls このパネルに richTextBox1 コントロールを追加します。
リストビュー 名前 listView1
ドック Fill
TabIndex 2
項目 新しい項目を追加し、テキストを item1に設定します。
RichTextBox 名前 richTextBox1
ドック Fill
タブインデックス 3
テキスト richTextBox1

関連項目