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

  • [アーティクル]

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

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

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

このユーザー インターフェイスを作成するには、SplitContainer コントロール (これには左側のパネルに TreeView コントロールが含まれています) 内にすべてのコントロールを配置します。 SplitContainer コントロールの右側のパネルには 2 つ目の SplitContainer コントロールが含まれていて、RichTextBox コントロールの上に ListView コントロールがあります。 これらの 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. フォームに追加した 2 つ目の SplitContainer コントロールの上側のパネルに、 [ツールボックス] から ListView コントロールをドラッグします。 Dock プロパティの ListView コントロールを Fillに設定します。

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

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

    注意

    SplitContainer コントロール内のいずれかのスプリッターにマウス ポインターを合わせると、内部ディメンションのサイズを変更できます。

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

関連項目