Win Form 的 Splitter 使用心得 (轉)

Win Form 的 Splitter 使用心得 (轉)[@more@]

 

Win Fo的 Splitter 使用心得

  今天作個分析html程式碼，然後再批次的，其中用到 Splitter （分割條），編譯程式後，發現分割條不起作用，拖動分割條的時候，相鄰的兩個 Panel 沒有變換大小。為這個幾乎花了一天時間，也沒找到原因。包括到其他機子上測試。

  後來，再次作一個完全獨立的測試專案，發現 Splitter 的使用有個算是 的問題，如果你首先放兩個 Panel ，然後再放一個 Splitter 。（注意這時候的次序）就會產生我上面出現的問題。這時候程式碼中的 InitializeComponent 部分程式碼如下：

private void InitializeComponent() { // // ... 其他程式碼 // this.panel1 = new System..Forms.Panel(); this.panel2 = new System.Windows.Forms.Panel(); this.splitter1 = new System.Windows.Forms.Splitter(); this.panel2.SuspendLayout(); this.SuspendLayout(); // // ... 其他程式碼 // // // panel1 // this.panel1.Dock = System.Windows.Forms.DockStyle.Left; this.panel1.Location = new System.Drawing.Point(0, 42); this.panel1.Name = "panel1"; this.panel1.Size = new System.Drawing.Size(120, 209); this.panel1.TabIndex = 6; this.panel1.Resize += new System.EventHandler(this.panel2_Resize); this.panel1.Paint += new System.Windows.Forms.PaintEventHandler(this.panel2_Paint); // // panel2 // this.panel2.Controls.Add(this.splitter1); this.panel2.Dock = System.Windows.Forms.DockStyle.Fill; this.panel2.Location = new System.Drawing.Point(120, 42); this.panel2.Name = "panel2"; this.panel2.Size = new System.Drawing.Size(328, 209); this.panel2.TabIndex = 7; this.panel2.Resize += new System.EventHandler(this.panel2_Resize); this.panel2.Paint += new System.Windows.Forms.PaintEventHandler(this.panel2_Paint); // // splitter1 // this.splitter1.BackColor = System.Drawing.SystemColors.Desktop; this.splitter1.Location = new System.Drawing.Point(0, 0); this.splitter1.Name = "splitter1"; this.splitter1.Size = new System.Drawing.Size(3, 209); this.splitter1.TabIndex = 0; this.splitter1.TabStop = false; // // Form1 // this.AutoScaleBaseSize = new System.Drawing.Size(5, 13); this.ClientSize = new System.Drawing.Size(448, 273); this.Controls.Add(this.panel2); this.Controls.Add(this.panel1); this.Controls.Add(this.toolBar1); this.Controls.Add(this.statar1); this.Name = "Form1"; this.Text = "站點下載工具 年9月21日"; this.panel2.ResumeLayout(false); this.ResumeLayout(false); }

注意：這時候的程式碼中的順序。這時候，程式的是有問題的。分隔條會不起作用。

但是如果你把這三個放入順序修改為下面的順序就沒有問題了。
1、放入一個 Panel 比如：panel1  然後設定他的 Dock 屬性為：Left;
2、放入一個 Splitter 比如：splitter1  設定它的背景顏色為一個特殊的顏色，便於看執行效果；
3、放入一個 Panel 比如：panel2  然後設定他的 Dock 屬性為：Fill;
4、編譯執行程式，這時候就沒有問題了。

這時候正確的程式碼應該是：（ InitializeComponent 函式部分）

private void InitializeComponent() { // // ... 其他程式碼 // this.panel1 = new System.Windows.Forms.Panel(); this.panel2 = new System.Windows.Forms.Panel(); this.splitter1 = new System.Windows.Forms.Splitter(); this.panel2.SuspendLayout(); this.SuspendLayout(); // // ... 其他程式碼 // // // panel1 // this.panel1.Dock = System.Windows.Forms.DockStyle.Left; this.panel1.Location = new System.Drawing.Point(0, 42); this.panel1.Name = "panel1"; this.panel1.Size = new System.Drawing.Size(200, 209); this.panel1.TabIndex = 6; // // panel2 // this.panel2.Controls.Add(this.splitter1); this.panel2.Dock = System.Windows.Forms.DockStyle.Fill; this.panel2.Location = new System.Drawing.Point(200, 42); this.panel2.Name = "panel2"; this.panel2.Size = new System.Drawing.Size(248, 209); this.panel2.TabIndex = 7; // // splitter1 // this.splitter1.BackColor = System.Drawing.SystemColors.Desktop; this.splitter1.Location = new System.Drawing.Point(0, 0); this.splitter1.Name = "splitter1"; this.splitter1.Size = new System.Drawing.Size(3, 209); this.splitter1.TabIndex = 0; this.splitter1.TabStop = false; // // Form1 // this.AutoScaleBaseSize = new System.Drawing.Size(5, 13); this.ClientSize = new System.Drawing.Size(448, 273); this.Controls.Add(this.panel2); this.Controls.Add(this.panel1); this.Controls.Add(this.toolBar1); this.Controls.Add(this.statusBar1); this.Menu = this.mainMenu1; this.Name = "Form1"; this.Text = "站點下載工具 2003年9月21日"; this.Load += new System.EventHandler(this.Form1_Load); this.panel2.ResumeLayout(false); this.ResumeLayout(false); }

我程式的執行環境是 標準英文版  VS 2003 中文版