[C#] SplitContainer

根據官方文章

• 作法：使用設計工具以 Windows Forms 建立多窗格使用者介面
• 作法：使用 Windows Forms 建立多窗格使用者介面

建立一個 Outlook 樣式的 layout

C# Code

using System;
using System.Windows.Forms;

namespace SplitContainerSample
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();

            treeView1.Nodes.Add("treeView");
            listView1.Items.Add("listView");

            // 表示分隔器的寬度 (以像素為單位)。 預設為 4 個像素
            splitContainer1.SplitterWidth = 4;
            // 表示從 SplitContainer 的左邊緣或上邊緣算起的分隔器位置 (以像素為單位)。 預設值為 50 像素。
            splitContainer1.SplitterDistance = 200;
            // 表示 SplitContainer 面板的水平或垂直方向，預設為 Vertical
            splitContainer1.Orientation = Orientation.Vertical;
            // 表示分隔器移動的增量 (以像素為單位)。 預設值為 1 個像素。
            splitContainer1.SplitterIncrement = 100;
            // 表示分隔器為固定，則為 true，否則為 false。 預設為 false。
            splitContainer1.IsSplitterFixed = false;

            splitContainer2.SplitterWidth = 4;
            splitContainer2.SplitterDistance = 100;
            splitContainer2.Orientation = Orientation.Horizontal;
        }

        private void checkBox1_CheckedChanged(object sender, EventArgs e)
        {
            // 建立一個 CheckBox 來顯示、隱藏 TreeView
            splitContainer1.Panel1Collapsed = !splitContainer1.Panel1Collapsed;
        }
    }
}

執行結果

SplitContainer 控制項概觀 內說明

SplitContainer 控制項預設為鍵盤存取;，如果 IsSplitterFixed 設定為 false，則使用者可以按方向鍵移動分隔器

• 參考資料
• 44- Containers Controls part 4 Split Container in C#