C# 自定義控件：實現子控件隨父控件縮放按比例自適應佈局

問題背景

在 C# WinForms 開發中，當我們編寫自定義控件（UserControl）並將其放置於父容器（如 Panel、Form 或另一個 UserControl）時，往往希望內部的子控件（按鈕、文本框等）能隨著父控件大小的變化，按比例自動調整位置和大小，而非固定在絕對坐標。圖示場景：控件 C 位於自定義控件 B 內部，需隨 B 的縮放而按比例移動。

核心解決方案

WinForms 提供了兩種基礎機制實現自適應佈局：

1. Dock（停靠）屬性

將子控件的 Dock 屬性設為 Fill、Top、Bottom、Left、Right 等，可使其自動佔據父控件的對應區域並隨父控件縮放。適合簡單的全填充或邊緣停靠場景。

2. Anchor（錨定）屬性

通過 Anchor 屬性指定子控件相對父控件哪幾條邊保持固定距離。例如 Anchor = Top | Left | Right 表示控件頂部、左右邊距固定，寬度隨父控件變化；Anchor = Top | Left | Bottom | Right 則四邊皆固定距離，控件大小隨父控件縮放。這是實現「按比例位置變化」最常用、最輕量的方式。

進階：精確比例控制需代碼輔助

若需求是嚴格按比例（如控件始終居中、寬度始終佔父控件 30%、間距始終佔 5% 等），單靠 Dock/Anchor 難以完美實現。此時需在父控件的 Resize 事件中編寫計算邏輯：

private void ParentControl_Resize(object sender, EventArgs e)
{
    // 示例：子控件寬度始終為父控件 30%，居中顯示
    int childWidth = (int)(this.ClientSize.Width * 0.3);
    int childHeight = childControl.Height; // 高度固定或同理計算
    int childX = (this.ClientSize.Width - childWidth) / 2;
    int childY = (this.ClientSize.Height - childHeight) / 2; // 垂直居中
    
    childControl.Bounds = new Rectangle(childX, childY, childWidth, childHeight);
}

注意：

• 在 Resize 中頻繁重佈局可能引起閃爍，可配合 SuspendLayout()/ResumeLayout() 或雙緩衝優化。
• 若子控件較多，建議封裝佈局邏輯為獨立方法，並在 Load、SizeChanged 等時機統一調用。
• 考慮使用 TableLayoutPanel 或 FlowLayoutPanel 等容器控件，它們內建比例佈局能力（通過 RowStyles/ColumnStyles 的 Percent 模式），往往能免去手寫 Resize 代碼。

總結建議

1. 優先嘗試 Anchor 屬性組合，滿足大多數「隨父控件變化」需求。
2. 若需精確比例，使用 TableLayoutPanel 設置百分比列/行，將子控件放入對應單元格。
3. 只有極其複雜、非矩形網格的動態佈局，才在 Resize 事件中手寫坐標計算代碼。

合理善用 WinForms 內建佈局機制，能大幅減少手動計算代碼，提升界面適配的穩定性與可維護性。