Visual Studio DSL 入門實戰（九）：狀態機圖形符號建立與映射完整教學

承接上章完成狀態機領域模型定義，本章將詳細示範如何在 DSL 設計器中為域類 State 與域關係 Transition 建立視覺化圖形符號：隔間形狀展示進入/退出動作、裝飾器控制名稱與狀態類型圖示 (初始/結束)、連接器標籤顯示，並配置工具箱圖示，打造完整可視化的狀態機設計介面。

一、State 域類圖形符號：隔間形狀

1. 開啟 DslDefinition.dsl，刪除預設 ExampleShape。
2. 從工具箱拖曳 Compartment Shape (隔間形狀) 至 Diagram Elements 區域，命名為 StateShape。
3. 美化外觀：Geometry = RoundedRectangle、FillColor = LightBlue。
4. 建立映射：拖曳 Diagram Element Map 從域類 State 指向 StateShape。DSL Details 視窗顯示映射細節（父元素路徑等）。

新增進入/退出動作隔間

5. 右鍵 StateShape → Add Compartment，新增兩個隔間：
   EntryActions：Title =「進入操作」、TitleFillColor = LightBlue。
   ExitActions：Title =「退出操作」。
6. 於 DSL Details 映射隔間顯示元素集合：
   EntryActions：從 State 沿 StateHasEntryActions 關係選取 EntryAction，顯示屬性設為 Label。
   ExitActions：同理映射 StateHasExitActions → ExitAction，顯示 Label。

新增裝飾器控制視覺效果

7. 展開/收合裝飾器：右鍵 StateShape → Add Expand Collapse Decorator，Position = InnerTopRight。
8. 名稱文字裝飾器：新增 Text Decorator 命名 NameDecorator，Position = InnerTopCenter。於 DSL Details 映射至域類 State 的 Name 屬性。