如何:使用設計工具,以 Windows Form 建立多窗格使用者介面
在下列程序中,您會建立多窗格使用者介面,其類似於 Microsoft Outlook 中使用的使用者介面,內含資料夾清單、訊息窗格和預覽窗格。 這種排列主要透過將控制項與表單固定來實現。
固定控制項時,您可以判斷控制項要固定至其中的父容器邊緣。 因此,如果您將 Dock 屬性設定為 Right,控制項的右邊緣將會固定在其父控制項的右邊緣。 此外,會重設控制項的固定邊緣大小,使其符合其容器控制項的邊緣。 如需 Dock 屬性運作方式的詳細資訊,請參閱如何:在 Windows Forms 固定控制項。
此程序著重於排列表單上的 SplitContainer 和其他控制項,而不是新增功能,讓應用程式模擬 Microsoft Outlook。
若要建立這個使用者介面,您可以將所有控制項放在 SplitContainer 控制項內,其在左側面板中包含 TreeView 控制項。 SplitContainer 控制項的右側面板包含第二個 SplitContainer 控制項,在 RichTextBox 控制項上方具有 ListView 控制項。 您可透過這些 SplitContainer 控制項,單獨重設表單上其他控制項的大小。 您可以調整此程序中的技術,以自行製作自訂使用者介面。
在設計階段建立 Outlook 樣式使用者介面
建立新的 Windows 應用程式專案 ([檔案] > [新增] > [專案] > [Visual C#] 或 [Visual Basic] > [傳統桌面] > [Windows Forms 應用程式])。
將 SplitContainer 控制項從 [工具箱] 拖曳至表單。 在 [屬性] 視窗中,將 Dock 屬性設定為 Fill。
將 TreeView 控制項從 [工具箱] 拖曳至 SplitContainer 控制項的左側面板。 在 [屬性] 視窗中,按一下當點擊向下箭號時所顯示值編輯器中的左側面板,將 Dock 屬性設定為 Left。
從 [工具箱] 拖曳另一個 SplitContainer 控制項;將其放在您新增至表單之 SplitContainer 控制項的右側面板中。 在 [屬性] 視窗中,將 Dock 屬性設定為 Fill,並將 Orientation 屬性設定為 Horizontal。
從 [工具箱] 將 ListView 控制項拖曳至您新增至表單的第二個 SplitContainer 控制項的上方面板。 將 Dock 控制項的 ListView 屬性設為 Fill。
從 [工具箱] 將 RichTextBox 控制項拖曳至第二個 SplitContainer 控制項的下方面板。 將 Dock 控制項的 RichTextBox 屬性設為 Fill。
此時,如果您按 F5 來執行應用程式,表單會顯示三部分的使用者介面,類似於 Microsoft Outlook。
注意
當您將滑鼠指標放在 SplitContainer 控制項內的任一個分隔器上方時,您可以調整內部維度的大小。
在應用程式開發的這個階段,您已製作複雜的使用者介面。 下一個步驟是繼續進行應用程式本身的程式設計,或許是將 TreeView 控制項和 ListView 控制項連線到某種資料來源。 如需將控制項連線到資料的詳細資訊,請參閱資料繫結和 Windows Forms。