本章美化項目 規則改為曲線，避免反向規則重疊難以辨識 新增預設初始化流程圖形 支援滑鼠雙擊事件 控制項加入 ToolTip 支援自訂容器寬高 規則曲線化

使用者體驗優化：拖曳建立連線 原流程：點「新增規則」→ 拖曳起點關聯活動 → 拖曳終點關聯活動。優化後：在活動中心區域按下滑鼠拖曳，自動建立臨時規則，起點鎖定該

核心體驗增強功能 多選：Ctrl+點選 或 滑鼠框選 群組移動：拖曳任一選取物件帶動群組 複製/貼上：Ctrl+C / Ctrl+V 鍵盤快速鍵：Ctrl+A

靜態約束檢查項目 使用者按下儲存時，系統驗證流程結構是否符合基本規範： 每個流程必須有一個開始活動與一個結束活動。 開始活動：無前驅，至少一個後繼。 結束活動

動畫效果類型 新增活動/規則：淡入 刪除活動/規則：淡出 XAML 定義 Storyboard <Storyboard x:Name=sbDispl

案例緣起 恩師進行中國民族地區農村工作調查，需發放數千份不同問卷，每份近 80 道選擇題，於偏遠山區無網路環境下發放、回收、人工統計，耗時費力。網路上雖有網頁版

系統功能需求 單機版可安裝軟體，支援離線作業。 統計資料可隨時合併、匯出。 核心功能模組： 問卷管理：新增、編輯、檢視、匯出、刪除 問卷統計：新

步驟一：建立 Windows Forms 專案 開啟 VS2005 → 「檔案」 → 「新增」 → 「專案」。 選擇「Windows」 → 「Windows

資料庫操作類別的重要性 系統所有資料存取均透過此類別，採用 Access 2003 資料庫，核心命名空間為 System.Data.OleDb。 建立 DbO

本章功能亮點 規則曲線支援兩個可拖曳的中間控制點 雙擊控制點自動對齊曲線 多選活動時支援左右、上下對齊 規則曲線雙控制點實作 建立獨立使用者控制項 Rul

本章更新內容 新增更清晰美觀的活動圖形 支援方向鍵移動選取物件（Ctrl 鍵加速） 實作第十章提出的動態換膚功能 動態換膚實作步驟 以 Activity.

問題與挑戰 網友詢問能否匯出流程圖片。Silverlight 早期版本不支援 System.Drawing，且無法直接存取本地檔案系統，導致客戶端直接生成圖片不

背景 Silverlight 3.0 新增本地動態生成圖片功能（參考 相關文章），使客戶端直接匯出圖片成為可能。本章延續上一章框架，完成具體繪圖程式碼。 核心

需求動機 流程複雜時畫面無法完整顯示，需拖曳捲軸查看。引入縮放功能可像看圖軟體一樣縮放整個流程圖，掌握全貌。 縮放設計考量 活動：位置與圖形大小皆需縮放。

持久化流程 客戶端從 Web Service 下載流程 XML（或新建流程）。 本地編輯修改，所有變更在客戶端完成。 使用者點擊儲存，產生對應 XML 字串上

小功能：動態繪製容器網格線 為使設計介面類似專業繪圖工具，動態生成網格線。採用 Canvas 承載 Line 元素，避免使用背景圖片。 GridLinesCon

伺服器端架構 伺服器端負責接收客戶端傳送的工作流 XML，解析後存入資料庫；讀取時將資料庫記錄轉為 XML 回傳。採用 LINQ to SQL Classes

問題與改進 早期版本中，規則連線與活動（矩形/菱形）的連接點固定於上下左右四個方向，拖曳活動時連接點會在四點間跳動，視覺體驗不佳。改進後改為計算連線與活動邊界的

需求背景 原有的規則註釋（TextBlock）位置會隨規則自動調整，無法手動拖曳定位。為解決此問題，新增獨立的「標籤」類別，專門用於流程圖上的文字說明，不涉及流

引入第三方 DockPanel 控制項 為打造類似 Visual Studio 的可停靠、分頁式介面，專案引入開源元件 DockPanel Suite。可從 S