滑鼠指標追蹤

(1)

Flash 動態網頁設計入門

December 8, 2007

(2)

滑鼠指標追蹤

(3)

自製滑鼠指標的原理

(4)

自製滑鼠指標的原理

•

用來取代滑鼠的，最好是影片片段元件：因為影片片段元件可以有實體名稱，故可以用

ActionScript 控制；而按鈕元件雖然也可以有實體名稱，但是由於按鈕元件會接收滑鼠事件，故當你將按鈕實體「黏」在滑鼠指標位置上時，往往會造成舞台上其他按鈕、影片片段實體接收不到滑鼠事件的情況（因為都被這個自製滑鼠給擋住並接收走了）。

(5)

自製滑鼠指標的原理

•

注意影片片段實體的圖層與深度問題：由於滑鼠指標是電腦操作的重要指示圖示，因此它必須一直處在畫面中的最高層，也就是說不能被其他物件蓋到。而在 Flash 動畫中，你必須記得利用圖層的上下關係來讓自製的滑鼠指標（影片片段實體）處在最上層，若是舞台中有物件是利用即時載入的方式處理時，你必須適當地設定影片片段實體的深度以避開這個問題。

(6)

自製滑鼠指標的原理

•

隱藏真正滑鼠指標的時機：隱藏真正的滑鼠指標前，我們必須確定使用者已經看到自製的滑鼠指標了，不然找不到滑鼠指標是相當令人困擾的。

因此利用影片片段元件的

onLoad

事件來確認自製滑鼠指標（影片片段元件實體）是否已載入是個很重要的技巧。

(7)

自製滑鼠指標的原理

•

利用滑鼠事件來指定座標位置給自製滑鼠：將滑鼠的座標位置指定給自製滑鼠並不是什麼難事，

但由於我們必須要讓自製滑鼠指標一直「黏」在滑鼠的座標位置上，就必須不斷地指定座標位置給它。只有在使用者移動了滑鼠指標時，才有需要修正滑鼠指標的位置不是嗎？所以利用

onMouseMove

事件來指定座標位置給自製滑鼠指標是最經濟有效的喔！

(8)

圖層安排

•

本範例圖層安排如下，拖鞋圖層中置入的是拖鞋元件，地板圖層置入的是地板元件：

(9)

為實體命名

(10)

設定元件動作

(11)

製作進階版的小拖鞋滑鼠指標

•

這個小功能就是在影片片段元件中，以設置影格

(12)

製作進階版的小拖鞋滑鼠指標

(13)

以影格標籤模擬按鈕狀態

•

要以設置影格標籤的方式，讓影片片段元件也能呈現出如同按鈕元件的 3 種狀態時，影格標籤名稱要如下設定：

▫

_up：表示是一般狀態。

▫

_over：是滑入狀態。

▫

_down：是按下狀態。

(14)

製作進階版的小拖鞋滑鼠指標

(15)

延伸學習－跟隨指標的花龍

(16)

Actions圖層中影格 1 的程式說明