Thinking more...

看Constructing the user interface with statecharts之後,應用到自己的小程式上...

書上建議先大致勾勒出畫面,然後寫出 screen rule.
我的畫面:


而 screen rule 大致如下:
*"Connection string" must be specified.
*如果"Connection string" is not specified, "All", "Period", "From", "To", "Export type", "output file", "browse", "export" 都會被 disable.
*當按下 "Export" button 會開始進行 export 動作.
*當按下 "Browse" button 可以指定 output file
*如果 output file 未指定, "Export" 按鈕無法被 click.
*選擇 Option "All", Option "Period" will be disabled.
*選擇 Option "Period", Option "All" will be disabled.
*Export type 目前只有一個可以選擇: XML

所以,可以導出這樣的 statechart,只是不知道對不對...


最後寫 code 的時候,我為每個 state 加上編號,如圖:


然後再寫,的確是比較容易寫 code, 也比較容易了解.
只是,看來並沒有跟 UI 分離,或許是我自己理解錯誤...