如何正确自动调整拆分面板及其元素的大小

Question

我的表单由一个 splitContainer 和两个水平面板、顶部面板上的几个按钮和底部面板上的图表组成。

当表单加载时，顶部面板被剪切并且一些元素被隐藏/剪切。此外，如果我调整表单大小，则元素或 splitContainer 都不会调整大小。

怎样才能正确做到呢？

我尝试使用 Form_Load() 中的 autoresize 属性

//this.AutoSize = true;
//this.AutoSizeMode = AutoSizeMode.GrowAndShrink;

这些是 splitContainer 属性

//
// splitContainer1
// 
this.splitContainer1.BackColor = System.Drawing.SystemColors.ControlDarkDark;
this.splitContainer1.Dock = System.Windows.Forms.DockStyle.Fill;
this.splitContainer1.FixedPanel = System.Windows.Forms.FixedPanel.Panel1;
this.splitContainer1.Location = new System.Drawing.Point(0, 0);
this.splitContainer1.Name = "splitContainer1";
this.splitContainer1.Orientation = System.Windows.Forms.Orientation.Horizontal;
// 
// splitContainer1.Panel1
// 
this.splitContainer1.Panel1.Controls.Add(this.btnPlay);
this.splitContainer1.Panel1.Controls.Add(this.grpOptions);
this.splitContainer1.Panel1.Controls.Add(this.grpDisplay);
this.splitContainer1.Panel1.Paint += new System.Windows.Forms.PaintEventHandler(this.splitContainer1_Panel1_Paint);
// 
// splitContainer1.Panel2
// 
this.splitContainer1.Panel2.RightToLeft = System.Windows.Forms.RightToLeft.Yes;
this.splitContainer1.Size = new System.Drawing.Size(784, 561);
this.splitContainer1.SplitterDistance = 69;
this.splitContainer1.TabIndex = 0;

这是截图：

Answer 1

我建议你将控件锚定在 splitcontainer 上

Answer 2

我建议在顶部面板上输入TableLayoutPanel 并将按钮放入单元格中。然后，您可以在TableLayoutPanel 中设置调整行和列的大小行为，百分比或绝对值。确保按钮的Dock 属性设置为Fill。这将确保控件的平滑和正确调整大小。您也可以为底部面板采用类似的方法。