次の方法で共有

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

次の手順では、 フォルダー 一覧、 メッセージ ウィンドウ、 プレビュー ウィンドウを使用して、Microsoft Outlook で使用されるインターフェイスに似たマルチペイン ユーザー インターフェイスを作成します。 この配置は、主にフォームを使用してコントロールをドッキングさせることで実現できます。

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

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

このユーザー インターフェイスを作成するには、左側のパネルにSplitContainer コントロールを含むTreeView コントロール内にすべてのコントロールを配置します。 SplitContainer コントロールの右側のパネルには、SplitContainer コントロールの上にListView コントロールを持つ 2 つ目のRichTextBox コントロールが含まれています。 これらの SplitContainer コントロールを使用すると、フォーム上の他のコントロールのサイズを個別に変更できます。 この手順の手法を調整して、独自のカスタム ユーザー インターフェイスを作成できます。

デザイン時に Outlook スタイルのユーザー インターフェイスを作成するには

  1. 新しい Windows アプリケーション プロジェクトを作成します (ファイル新しいプロジェクトVisual C# または Visual Basicクラシック デスクトップWindows フォーム アプリケーションを )。

  2. SplitContainer コントロールをツールボックスからフォームにドラッグします。 プロパティ ウィンドウで、Dock プロパティを Fillに設定します。

  3. TreeView コントロールをツールボックスからSplitContainer コントロールの左側のパネルにドラッグします。 [ プロパティ ] ウィンドウで、下矢印をクリックしたときに表示される値エディターの左側のパネルをクリックして、 Dock プロパティを Left に設定します。

  4. SplitContainerから別の コントロールをドラッグし、フォームに追加したSplitContainer コントロールの右側のパネルに配置します。 [ プロパティ ] ウィンドウで、 Dock プロパティを Fill に設定し、 Orientation プロパティを Horizontal に設定します。

  5. ListView コントロールをツールボックスから、フォームに追加した 2 番目のSplitContainer コントロールの上部パネルにドラッグします。 Dock コントロールの ListView プロパティを Fillに設定します。

  6. RichTextBox コントロールをツールボックスから 2 番目のSplitContainer コントロールの下部パネルにドラッグします。 Dock コントロールの RichTextBox プロパティを Fillに設定します。

    この時点で、F5 キーを押してアプリケーションを実行すると、フォームに Microsoft Outlook と同様の 3 部構成のユーザー インターフェイスが表示されます。

    注

    SplitContainer コントロール内のいずれかのスプリッターの上にマウス ポインターを置くと、内部寸法のサイズを変更できます。

アプリケーション開発のこの時点で、高度なユーザー インターフェイスを作成しました。 次の手順では、 TreeView コントロールと ListView コントロールを何らかの種類のデータ ソースに接続して、アプリケーション自体のプログラミングを進めます。 コントロールをデータに接続する方法の詳細については、「 データ バインディングと Windows フォーム」を参照してください。

こちらも参照ください