Canvas 移動圖案與判斷手指移動方向

請先閱讀本篇來理解 Canvas的 Flung(揮過) 事件。 使用 Canvas的 Flung事件來判斷手指移動的方向。當手指頭移動時，鋼鐵人icon (ImageSprite) 會跟著移動，並會跟著軌跡畫線。 使用Flung事件中的X方向速度 (xvel) 與 Y方向速度 (yvel) 來判斷手指頭移動方向，並顯示 Up, Down, Right, Left 等資訊。    在Dragged事件中來畫線 ( DrawLine指令) 並移動 ImageSprite元件 (MoveTo指令). 如果 xvel 絕對值大於 yvel 絕對值，代表水平移動量大於垂直移動量，視為水平移動。反之則垂直移動。 接續判斷 xvel 如果大於0，代表手指頭由左往右移動，此時判斷為向右移動，顯示[Right]字樣。 使用 Notifier 在手指頭往上移動時，跳出一個視窗來顯示資訊 (ShowMessageDialog) 。