使两个窗体控件均匀地调整窗口大小

Question

我在设计器中有一个看起来像这样的表单，两个网格视图，完全相同的属性。它工作了一点，但现在当我调整大小时，只有正确的网格视图水平扩展，它们都垂直扩展。同时锁定表单和控件并不会阻止我调整表单的大小，这将是最简单的解决方案。

是什么导致这个？网格视图上唯一相关的属性是每个的顶部，右侧，左侧，底部的锚点。请参阅底部的代码。

以下是一些截图：

以下是Designer中的表单：

以下是我尝试调整大小时的表单：

正如你可以看到右半部分更宽，我也无法正常调整大小，因为我尝试对角线调整大小它主要是垂直增长，水平调整大小也是一样。我永远都有调整大小的问题，但是两个网格视图一开始都是平等调整，我没有做任何改动而且他们停了下来。我在这里错过了什么吗？为什么不锁定表单会阻止它重新调整大小？我也锁定了所有控件。

以防万一，这里是设计器中网格视图的代码，首先是右边的代码：

    // clientHistoryTableDataGridView
    // 
    this.clientHistoryTableDataGridView.Anchor = ((System.Windows.Forms.AnchorStyles)((((System.Windows.Forms.AnchorStyles.Top | System.Windows.Forms.AnchorStyles.Bottom) 
    | System.Windows.Forms.AnchorStyles.Left) 
    | System.Windows.Forms.AnchorStyles.Right)));
    this.clientHistoryTableDataGridView.AutoGenerateColumns = false;
    this.clientHistoryTableDataGridView.AutoSizeColumnsMode = System.Windows.Forms.DataGridViewAutoSizeColumnsMode.AllCells;
    this.clientHistoryTableDataGridView.AutoSizeRowsMode = System.Windows.Forms.DataGridViewAutoSizeRowsMode.AllCells;
    this.clientHistoryTableDataGridView.ColumnHeadersHeightSizeMode = System.Windows.Forms.DataGridViewColumnHeadersHeightSizeMode.AutoSize;
    this.clientHistoryTableDataGridView.Columns.AddRange(new System.Windows.Forms.DataGridViewColumn[] {
    this.dataGridViewTextBoxColumn4,
    this.dataGridViewTextBoxColumn5,
    this.dataGridViewTextBoxColumn6});
    this.clientHistoryTableDataGridView.DataSource = this.clientHistoryTableBindingSource;
    this.clientHistoryTableDataGridView.Location = new System.Drawing.Point(426, 52);
    this.clientHistoryTableDataGridView.Name = "clientHistoryTableDataGridView";
    this.clientHistoryTableDataGridView.RowHeadersVisible = false;
    this.clientHistoryTableDataGridView.RowTemplate.Resizable = System.Windows.Forms.DataGridViewTriState.True;
    this.clientHistoryTableDataGridView.ScrollBars = System.Windows.Forms.ScrollBars.Vertical;
    this.clientHistoryTableDataGridView.Size = new System.Drawing.Size(430, 360);
    this.clientHistoryTableDataGridView.TabIndex = 4;
    this.clientHistoryTableDataGridView.CellContentClick += new System.Windows.Forms.DataGridViewCellEventHandler(this.clientHistoryTableDataGridView_CellContentClick);

和左侧：

    // clientTableDataGridView
    // 
    this.clientTableDataGridView.Anchor = ((System.Windows.Forms.AnchorStyles)((((System.Windows.Forms.AnchorStyles.Top | System.Windows.Forms.AnchorStyles.Bottom) 
    | System.Windows.Forms.AnchorStyles.Left) 
    | System.Windows.Forms.AnchorStyles.Right)));
    this.clientTableDataGridView.AutoGenerateColumns = false;
    this.clientTableDataGridView.AutoSizeColumnsMode = System.Windows.Forms.DataGridViewAutoSizeColumnsMode.AllCells;
    this.clientTableDataGridView.AutoSizeRowsMode = System.Windows.Forms.DataGridViewAutoSizeRowsMode.AllCells;
    this.clientTableDataGridView.ColumnHeadersHeightSizeMode = System.Windows.Forms.DataGridViewColumnHeadersHeightSizeMode.AutoSize;
    this.clientTableDataGridView.Columns.AddRange(new System.Windows.Forms.DataGridViewColumn[] {
    this.dataGridViewTextBoxColumn1,
    this.dataGridViewTextBoxColumn2,
    this.dataGridViewTextBoxColumn3});
    this.clientTableDataGridView.DataSource = this.clientTableBindingSource;
    this.clientTableDataGridView.Location = new System.Drawing.Point(1, 52);
    this.clientTableDataGridView.Name = "clientTableDataGridView";
    this.clientTableDataGridView.RowHeadersVisible = false;
    this.clientTableDataGridView.RowTemplate.Resizable = System.Windows.Forms.DataGridViewTriState.True;
    this.clientTableDataGridView.ScrollBars = System.Windows.Forms.ScrollBars.Vertical;
    this.clientTableDataGridView.Size = new System.Drawing.Size(428, 360);
    this.clientTableDataGridView.TabIndex = 3;
    this.clientTableDataGridView.CellContentClick += new System.Windows.Forms.DataGridViewCellEventHandler(this.clientTableDataGridView_CellContentClick);

编辑：

我通过同时使用两个答案来修复调整大小问题。并且还在主窗体上禁用自动调整大小并将bordertyle设置为相当大。

Answer 1

可能的解决方案：

使用锚SplitContainer

添加Left|Top|Right|Bottom

将SplitterDistance设置为SplitContainer width的一半

将clientTableDataGridView放在左侧面板中并设置Dock = Fill

将clientHistoryTableDataGridView放在右侧面板中并设置Dock = Fill

Answer 2

您可以通过以下方式解决此问题：

1. 将gridview的锚点设置为Top | Bottom。
2. 覆盖表单的OnResize方法，并在此方法中设置宽度和位置，如果两个网格视图都手动如下：

protected override void OnResize(EventArgs e)
{
    base.OnResize(e);

    var width = ClientRectangle.Width / 2;
    clientTableDataGridView.Left = 0;
    clientTableDataGridView.Width = width;
    clientHistoryTableDataGridView.Left = width;
    clientHistoryTableDataGridView.Width = width;
}

当然，您可以在OnResize中完整地管理网格视图大小，而不是在步骤1中设置锚点。在这里，为了简单起见，我提到了这一步。