C# WinForms MDI 父子視窗完整實作與現代替代方案

前言

Multiple Document Interface (MDI) 允許單一主視窗容納多個子視窗，經典應用如舊版 Word/Excel、Visual Studio 6.0。WinForms 透過 `Form.IsMdiContainer` 與 `Form.MdiParent` 輕鬆實現。本文展示完整建立流程、子視窗管理、常見問題與現代 UI 架構替代建議。

建立 MDI 主視窗

public partial class MdiMainForm : Form
{
    public MdiMainForm()
    {
        InitializeComponent();
        IsMdiContainer = true; // 關鍵：標記為 MDI 容器
        
        // 選配：背景圖片、滾動條自動
        // this.BackgroundImage = Properties.Resources.MdiBackground;
    }

    // 選單項建立子視窗
    private void 新增視窗ToolStripMenuItem_Click(object sender, EventArgs e)
    {
        var child = new MdiChildForm();
        child.MdiParent = this; // 關鍵：指定父容器
        child.Text = $"文件 {MdiChildren.Length + 1}";
        child.Show();
    }

    // 佈局選單
    private void 瀑布式ToolStripMenuItem_Click(object sender, EventArgs e) => LayoutMdi(MdiLayout.Cascade);
    private void 水平平鋪ToolStripMenuItem_Click(object sender, EventArgs e) => LayoutMdi(MdiLayout.TileHorizontal);
    private void 垂直平鋪ToolStripMenuItem_Click(object sender, EventArgs e) => LayoutMdi(MdiLayout.TileVertical);
    private void 排列圖示ToolStripMenuItem_Click(object sender, EventArgs e) => LayoutMdi(MdiLayout.ArrangeIcons);

    // 關閉所有子視窗
    private void 關閉全部ToolStripMenuItem_Click(object sender, EventArgs e)
    {
        foreach (Form child in MdiChildren) child.Close();
    }
}

子視窗實作

public partial class MdiChildForm : Form
{
    public MdiChildForm()
    {
        InitializeComponent();
        // 子視窗常用設定
        // this.WindowState = FormWindowState.Maximized; // 預設最大化
    }

    // 子視窗關閉按鈕
    private void btnClose_Click(object sender, EventArgs e) => Close();
}

進階：避免重複開啟同類子視窗

private void OpenChildForm() where T : Form, new()
{
    // 查找現有實例
    foreach (Form child in MdiChildren)
    {
        if (child.GetType() == typeof(T))
        {
            child.Activate(); // 置頂聚焦
            if (child.WindowState == FormWindowState.Minimized)
                child.WindowState = FormWindowState.Normal;
            return;
        }
    }
    // 不存在則建立新實例
    var newChild = new T { MdiParent = this };
    newChild.Show();
}

// 使用
private void 客戶管理ToolStripMenuItem_Click(object sender, EventArgs e) => OpenChildForm();
private void 訂單管理ToolStripMenuItem_Click(object sender, EventArgs e) => OpenChildForm();

MDI 常見問題與解決

現代替代架構

1. Tabbed Document Interface (TDI) - 標準現代模式

• VS Code、Chrome、新版 Office、Visual Studio 2022 皆採用。
• WinForms：使用 `TabControl` + `DockStyle.Fill`，每個 Tab 頁面放一個 `UserControl`/`Form` (TopLevel=false)。
• 第三方：`DockPanel Suite` (WinForms)、`AvalonDock` (WPF) 提供專業停靠/分頁/浮動佈局。

2. 單視窗 + 導航 + 內容區 (Master-Detail / NavigationView)

• 左側/頂部導航，右側內容區切換 `UserControl`/Page。
• WPF/WinUI/MAUI/Blazor 原生支援 `NavigationView`、`Frame`、`Router`。

3. 多視窗獨立 (SDI - Single Document Interface)

• 每個文件一個獨立 Top-Level 視窗 (新版 Word/Excel/Notepad++)。
• WinForms：直接 `new Form().Show()`，配合 `Application.OpenForms` 管理。

遷移建議

1. 新專案：直接採用 **TDI (TabControl/DockPanel Suite)** 或 **NavigationView** 架構。
2. 舊專案維護：MDI 仍可用，但需測試高 DPI、多螢幕、觸控場景。
3. 漸進式重構：將子視窗邏輯提取為 `UserControl`，外層殼層從 `MdiContainer` 換為 `TabControl`，業務代碼幾乎不動。

總結

WinForms MDI 實現極簡單：`IsMdiContainer=true` + `MdiParent=this` + `Show()`。核心優勢是視窗管理內建 (佈局、列表、啟用)。但**高 DPI、現代 UX、跨平台**皆為弱項。新開發請優先選擇 **Tabbed Interface (DockPanel Suite)** 或 **單視窗導航架構**，獲得一致、可擴展、高 DPI 友善的使用者體驗。