C# 所見即所得設計器開發（二）：文檔物件模型核心架構

文檔物件模型（DOM）核心定義

W3C 定義：「平台中立、語言中立的介面，允許程式與腳本動態存取、更新文檔內容、結構與樣式。」 程式碼層面：以物件映射文檔每個具體部分，載入時解析映射為物件樹，操作物件即操作文檔，儲存時序列化回文檔。

設計器 DOM 三大核心層級

1. 文檔基礎元素 DesignElement

• 整個 DOM 的根基類別（如 Object 之於 .NET），定義通用介面：序列化、繪製、事件、樹維護。
• 通常為 abstract，不可直接實例化。

2. 文檔頂層物件 DesignDocument

• DOM 根節點，包含完整文檔內容，提供整體操作：儲存、載入、匯出、腳本上下文等。
• 實質上是最大的容器元素。

3. 具體文檔元素類型

• 繼承 DesignElement，對應文檔實際內容：文字、圖片、形狀、表格、控件等。
• 容器元素：可包含子元素（Group、Panel、TableRow 等），形成樹狀結構（文檔物件樹）。
• 擴展工作核心：新增元素類型、豐富元素資料與繪製邏輯。

DOM 與 UI 的關係

• XML DOM：純資料模型，無 UI。
• 設計器 DOM：與 UI 緊密綁定，元素必須實作繪製能力（Paint）、命中測試（HitTest）、拖曳調整邏輯，才能在設計面上可視化操作。

基礎元素三大職責介面

1. 載入/儲存：LoadFromXml/SaveToXml，支援版本遷移與擴展資料。
2. UI 介面：繪製（Paint）、幾何（Bounds、Transform）、互動（滑鼠/鍵盤/拖放事件）。
3. 樹維護：Parent、Children、Add/Remove/InsertChild、IndexOf、變更通知（OnChildChanged）。

這三組介面構成設計器 DOM 的完整契約，新元素類型必須全面實作，才能無縫融入設計器生態。