在下列程序中,您會建立多窗格使用者介面,其類似於 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 控制項從 [工具箱] 拖曳至表單。 在
視窗中,將 屬性設定為 。 將 TreeView 控制項從 工具箱 拖曳至 SplitContainer 控制項的左側面板。 在 屬性 視窗中,點擊向下箭頭後,於顯示的值編輯器左側面板中,將 Dock 屬性設定為 Left。
從 工具箱,拖曳另一個 SplitContainer 控制項;將其放置在您新增至表單的 SplitContainer 控制項的右側面板中。 在 屬性 視窗中,將 Dock 屬性設定為 Fill,並將 Orientation 屬性設定為 Horizontal。
將
控制項從 工具箱拖曳至您新增至表單中的第二個 控制項的上方面板。 將 ListView 控制項的 Dock 屬性設為 Fill。 將 RichTextBox 控制項從 [工具箱] 拖曳到第二個 SplitContainer 控制項的下方面板。 將 RichTextBox 控制項的 Dock 屬性設為 Fill。
此時,如果您按 F5 來執行應用程式,表單會顯示三部分的使用者介面,類似於 Microsoft Outlook。
備註
當您將滑鼠指標放在 SplitContainer 控制項中的任一分隔器上時,您可以調整內部尺寸。
在應用程式開發的這個階段,您已製作複雜的使用者介面。 下一個步驟是繼續進行應用程式本身的程式設計,或許是將 TreeView 控制項和 ListView 控制項連線到某種資料來源。 如需將控制項連線到資料的詳細資訊,請參閱《資料繫結和 Windows Forms》。