.NET TabControl 多餘邊距問題完美解決方案：兩種實作模式詳解

前言

Windows Forms TabControl 預設會在頁面區域四周保留約 4 像素的內部邊距，導致子控制項無法滿版顯示。本文提供兩種徹底解決方案：繼承覆寫 DisplayRectangle（簡單優雅）與 原生訊息攔截 WndProc（深度控制），並附上完整可用程式碼。

一、方案一：繼承 TabControl 覆寫 DisplayRectangle（推薦）

完整程式碼：

using System;
using System.Drawing;
using System.Windows.Forms;

/// <summary>
/// 無邊距 TabControl - 解決系統預設 4px 內部邊距問題
/// </summary>
public class FullTabControl : TabControl
{
    public FullTabControl()
    {
        // 可選：設定預設樣式
        this.DrawMode = TabDrawMode.OwnerDrawFixed; // 若需自訂標籤外觀
    }

    public override Rectangle DisplayRectangle
    {
        get
        {
            Rectangle baseRect = base.DisplayRectangle;
            // 向四邊各擴展 4px（左/上 -4，寬/高 +8/+7）
            return new Rectangle(
                baseRect.Left - 4, 
                baseRect.Top - 4, 
                baseRect.Width + 8, 
                baseRect.Height + 7);
        }
    }
}

使用方式：

1. 將上述類別加入專案
2. 建置專案
3. 工具箱會自動出現 FullTabControl
4. 拖曳至表單替換原本的 TabControl

原理說明：

• DisplayRectangle 屬性決定 TabPage 內容區域的邊界
• 系統預設實作會保留邊距供標籤繪製、立體邊框
• 覆寫時向外擴展 4px，即可填滿整個控制項客戶區
• 優點： 程式碼極少、無 P/Invoke、設計時支援、效能最佳

二、方案二：NativeWindow 攔截 TCM_ADJUSTRECT 訊息（進階）

完整程式碼：

using System;
using System.Runtime.InteropServices;
using System.Windows.Forms;

public class TabControlMarginFixer : NativeWindow
{
    private const int TCM_FIRST = 0x1300;
    private const int TCM_ADJUSTRECT = TCM_FIRST + 40; // 0x1328

    [StructLayout(LayoutKind.Sequential)]
    private struct RECT
    {
        public int Left, Top, Right, Bottom;
    }

    private TabControl _tabControl;

    public TabControlMarginFixer(TabControl tabControl)
    {
        _tabControl = tabControl ?? throw new ArgumentNullException(nameof(tabControl));
        AssignHandle(tabControl.Handle);
    }

    protected override void WndProc(ref Message m)
    {
        if (m.Msg == TCM_ADJUSTRECT)
        {
            // 取得矩形結構
            RECT rc = (RECT)m.GetLParam(typeof(RECT));
            
            // 向內縮減邊距（負值 = 向外擴展內容區）
            rc.Left -= 4;
            rc.Top -= 4;
            rc.Right += 3;
            rc.Bottom += 3;
            
            // 寫回訊息參數
            Marshal.StructureToPtr(rc, m.LParam, true);
        }

        base.WndProc(ref m);
    }

    public void Detach()
    {
        if (Handle != IntPtr.Zero)
            ReleaseHandle();
    }
}

使用方式：

public partial class MainForm : Form
{
    private TabControlMarginFixer _fixer;

    public MainForm()
    {
        InitializeComponent();
        
        // 在 Handle 建立後啟用（Load 事件或建構子中）
        _fixer = new TabControlMarginFixer(this.tabControl1);
    }

    protected override void OnFormClosed(FormClosedEventArgs e)
    {
        _fixer?.Detach();
        base.OnFormClosed(e);
    }
}

原理說明：

• TCM_ADJUSTRECT (0x1328)：TabControl 內部計算顯示矩形時發送的訊息
• wParam=1：由客戶區計算標籤區；wParam=0：由標籤區計算客戶區
• 攔截並修改 RECT 結構，直接調整內部佈局計算
• 優點： 不需繼承、可動態啟用/停用、可針對特定 TabControl 實例
• 缺點： 需 P/Invoke、Handle 重建時需重新掛鉤、設計時不生效

三、兩種方案比較

四、常見問題與避坑

1. 邊距數值微調

不同 DPI、主題、字型大小下，預設邊距可能非恰好 4px。建議：

// 方案一：動態計算
public override Rectangle DisplayRectangle
{
    get
    {
        Rectangle r = base.DisplayRectangle;
        // 實測調整，或使用 SystemInformation 取得系統邊框度量
        return new Rectangle(r.X - 4, r.Y - 4, r.Width + 8, r.Height + 7);
    }
}

2. 捲軸顯示異常

若 TabPage 內容超過可見區域，確保 AutoScroll = true 且 DisplayRectangle 計算正確，否則捲軸範圍會錯位。

3. OwnerDraw 模式下標籤繪製

protected override void OnDrawItem(DrawItemEventArgs e)
{
    // 自訂標籤繪製邏輯
    base.OnDrawItem(e);
}

五、完整測試程式碼

public class TabControlTestForm : Form
{
    private FullTabControl _tabControl;

    public TabControlTestForm()
    {
        _tabControl = new FullTabControl { Dock = DockStyle.Fill };
        Controls.Add(_tabControl);

        for (int i = 1; i <= 3; i++)
        {
            var page = new TabPage($"Tab {i}");
            var btn = new Button 
            { 
                Text = $"Button at (0,0) - Tab {i}", 
                Location = new Point(0, 0),
                Size = new Size(200, 30)
            };
            page.Controls.Add(btn);
            _tabControl.TabPages.Add(page);
        }
    }
}

結語

TabControl 多餘邊距是 Windows Forms 經典痛點。方案一（繼承覆寫 DisplayRectangle）以最小代價徹底解決，應為首選；方案二提供不修改控制項類型的動態修正能力，適合遷移專案或特殊需求。實務建議：新專案直接使用 FullTabControl 作為基底類別，並在專案範本中標準化，一勞永逸。