C# WinForm中如何调整控件尺寸位置？解决Panel滑动时DataGridView异常

嗨，我来帮你搞定这个DataGridView显示错乱的问题！首先咱们得理清根源：你现在手动修改DataGridView.Location来配合Panel的高度变化，这种方式很容易和控件的锚点（Anchor）、停靠（Dock）属性冲突，导致布局同步出问题，才会出现显示异常。下面给你两种更靠谱的解决思路：

方案一：用Anchor属性固定DataGridView的底部位置 #

这是最直接的调整方式，不用改太多代码：

1. 先在设计器里设置DataGridView的Anchor属性：
   • 选中DataGridView，在属性面板找到Anchor，勾选Top、Left、Right、Bottom（至少要勾Bottom+Left/Right）。这样DataGridView会自动跟着窗体底部的位置变化，不用手动改Location。
2. 修改Timer的Tick事件代码，只需要调整Panel高度，删掉手动移动DataGridView的逻辑：

   private void timer1_Tick(object sender, EventArgs e)
   {
       if (hidded)
       {
           // 限制高度不超过目标值140
           Spanel.Height = Math.Min(Spanel.Height + 20, 140);
           if (Spanel.Height >= 140)
           {
               timer1.Stop();
               hidded = false;
               button1.Visible = false;
               button2.Visible = true;
               this.Refresh();
           }
       }
       else
       {
           // 限制高度不低于0
           Spanel.Height = Math.Max(Spanel.Height - 20, 0);
           if (Spanel.Height <= 0)
           {
               timer1.Stop();
               hidded = true;
               button1.Visible = true;
               button2.Visible = false;
               this.Refresh();
           }
       }
   }
   

   这样Panel高度变化时，DataGridView会因为锚点绑定自动调整位置，不会再出现显示异常。

方案二：用TableLayoutPanel管理布局（更推荐） #

如果你的界面布局比较复杂，用容器控件托管会更稳定：

1. 在窗体上添加一个TableLayoutPanel，设置它的Dock为Fill，然后分成2行：
   • 第一行放Panel，把该行的SizeType设为Absolute（初始高度设为0或140）；
   • 第二行放DataGridView，把该行的SizeType设为Percent，值设为100%。
2. 然后Timer事件里只需要修改TableLayoutPanel第一行的高度就行，DataGridView会自动占满剩余空间：

   private void timer1_Tick(object sender, EventArgs e)
   {
       if (hidded)
       {
           tableLayoutPanel1.RowStyles[0].Height = Math.Min(tableLayoutPanel1.RowStyles[0].Height + 20, 140);
           if (tableLayoutPanel1.RowStyles[0].Height >= 140)
           {
               timer1.Stop();
               hidded = false;
               button1.Visible = false;
               button2.Visible = true;
               this.Refresh();
           }
       }
       else
       {
           tableLayoutPanel1.RowStyles[0].Height = Math.Max(tableLayoutPanel1.RowStyles[0].Height - 20, 0);
           if (tableLayoutPanel1.RowStyles[0].Height <= 0)
           {
               timer1.Stop();
               hidded = true;
               button1.Visible = true;
               button2.Visible = false;
               this.Refresh();
           }
       }
   }
   

   这种方式完全不需要手动调整控件位置，布局由容器自动管理，几乎不会再出现显示错乱的问题。

额外小优化 #

我把按钮的显示切换逻辑移到了Timer停止的时候，避免点击按钮时立刻切换导致视觉突兀；另外用Math.Min和Math.Max限制高度，防止出现超出预期的数值，让动画更稳定。

内容的提问来源于stack exchange，提问作者Nouri Yacine