這篇教程為“Flash AS 入門教程”的一部分。查看全套教程>>>>。

　　源文件下載

　　本節(jié)應(yīng)掌握的知識(shí)要點(diǎn)：

　　①為影片剪輯添加鼠標(biāo)事件；②路徑的理解，③語(yǔ)句的注釋文字以及語(yǔ)法著色；④【視圖選項(xiàng)】工具 運(yùn)用；⑤【腳本參考】工具 的運(yùn)用。

　　前面，我們學(xué)習(xí)了在關(guān)鍵幀和按鈕上添加動(dòng)作以控制影片的播放，這一節(jié)將用上一節(jié)學(xué)習(xí)過(guò)的語(yǔ)句，在影片剪輯上添加動(dòng)作來(lái)控制主場(chǎng)景時(shí)間軸以及影片剪輯自身的播放。請(qǐng)看實(shí)例1-3。

　　實(shí)例1-3 為“影片剪輯”添加鼠標(biāo)事件

　　畫面上，還是這只可愛(ài)的小松鼠在不知疲倦的來(lái)回奔跑，背景是我們已經(jīng)熟悉了的動(dòng)作面板，左下角顯示了當(dāng)前選擇的對(duì)象是名稱為“松鼠”的影片剪輯，這表明【代碼編輯】窗口中顯示的語(yǔ)句是直接添加在“松鼠”影片剪輯上的，注意，這個(gè)名稱不是在“屬性”面板中為對(duì)象指定的實(shí)例名，而是庫(kù)中影片剪輯的名稱。

　　把鼠標(biāo)移到小松鼠上面，分別對(duì)照著畫面上顯示的鼠標(biāo)事件來(lái)試試，可以看到，通過(guò)不同的鼠標(biāo)事件，分別實(shí)現(xiàn)了控制場(chǎng)景播放以及影片剪輯播放的效果。

　　動(dòng)作很簡(jiǎn)單，是上一講學(xué)過(guò)的，而且都是添加在位于主場(chǎng)景上的對(duì)象上，其區(qū)別除了語(yǔ)句所添加的對(duì)象不同以外，路徑的指向也有所區(qū)別，這是這一節(jié)需要理解的知識(shí)點(diǎn)。我們來(lái)分析一下這一句：

　　on (release) {

　　play();

　　}

　　這個(gè)語(yǔ)句沒(méi)有指明路徑，當(dāng)添加在按鈕上時(shí)，它控制的是包含有按鈕對(duì)象的當(dāng)前時(shí)間軸，即按鈕的父時(shí)間軸；當(dāng)添加在影片剪輯對(duì)象上時(shí)，它控制的是影片剪輯對(duì)象自身的時(shí)間軸，由于控制自身時(shí)間軸不需要指明路徑，因此也不必在“屬性”面板中命名。

　　如果要在影片剪輯上添加控制當(dāng)前場(chǎng)景的動(dòng)作，則需要指明路徑，如：

　　on (rollOut) {

　　_root.play();

　　}

　　如果要在按鈕上添加控制位于同一場(chǎng)景的影片剪輯，則需要在屬性面板中為影片剪輯命名，并指明路徑，如：

　　on (release) {

　　_root.shu_mc.stop();

　　}

　　路徑概念非常重要，在編寫動(dòng)作腳本時(shí)，如果路徑的指向不正確，就實(shí)現(xiàn)不了預(yù)期的效果。

　　為影片剪輯添加動(dòng)作的方法是，選中場(chǎng)景上要為其添加動(dòng)作的影片剪輯，這時(shí)“動(dòng)作”面板標(biāo)題欄上顯示的標(biāo)題是“動(dòng)作-影片剪輯”，這表明當(dāng)前要為其添加腳本的對(duì)象是影片剪輯，然后在腳本編輯窗口中添加動(dòng)作。

　　為語(yǔ)句添加注釋：

　　為語(yǔ)句添加注釋也是增加代碼可讀性的一個(gè)好習(xí)慣，這樣不僅有利于別人解讀代碼，也有利于自己對(duì)代碼進(jìn)行分析和記憶。注釋的格式是用雙斜線 “//” 開頭，后面書寫文字，可以放在語(yǔ)句的后面、上面或者下面。如實(shí)例3所示。

　　［語(yǔ)法著色］　：

　　Flash AS的集成開發(fā)環(huán)境中具有語(yǔ)法著色的功能，即在程序中，F(xiàn)lash會(huì)將“關(guān)鍵字”、“標(biāo)識(shí)符”、“注釋文本”、“字符串” 用不同的顏色來(lái)分別顯示。默認(rèn)情況下，“關(guān)鍵字”顯示為深藍(lán)色，如“play、on()、_root”等等，“標(biāo)識(shí)符”顯示為黑色，如“shu_mc、”，“字符串”顯示為天藍(lán)色，如"abc"、"123"，“注釋文本”顯示為灰色。可以利用語(yǔ)法著色來(lái)閱讀代碼.和發(fā)現(xiàn)錯(cuò)誤。

　　【視圖選項(xiàng)】工具 運(yùn)用：

　　在【視圖選項(xiàng)】里，勾選“查看Esc快捷鍵”，可以在動(dòng)作工具箱中顯示語(yǔ)句的快捷鍵；勾選“查看行號(hào)”，可以在動(dòng)作面板中顯示每一條程序的行號(hào)，如實(shí)例3所示，如果腳本出現(xiàn)了錯(cuò)誤，可以很方便的根據(jù)“輸出面板”的出錯(cuò)提示查找到出錯(cuò)的語(yǔ)句，當(dāng)代碼很長(zhǎng)的時(shí)候，使用行號(hào)就更顯其優(yōu)越性了；勾選“自動(dòng)換行”，當(dāng)某一條語(yǔ)句太長(zhǎng)時(shí)，會(huì)自動(dòng)提行顯示。

　　　　　【腳本參考】工具 ：利用這個(gè)工具可以在編寫腳本時(shí)，適時(shí)提供關(guān)于腳本的參考信息，方法是，將光標(biāo)放在需要查詢的關(guān)鍵字中，點(diǎn)擊【腳本參考】工具 ，即會(huì)打開相關(guān)條目的參考信息。如圖 1-8所示。

　　圖1-8 腳本參考工具運(yùn)用

　　課后練習(xí)：素材源文件下載

　　利用提供的課后練習(xí)源文件，在“控制”按鈕、“小松鼠”影片剪輯和“小球”影片剪輯上分別添加語(yǔ)句完成以下效果：

　　1. 當(dāng)鼠標(biāo)在“控制”按鈕、“小松鼠”影片剪輯或者“小球”影片剪輯上滑過(guò)時(shí)，小松鼠和小球分別停止在場(chǎng)景的左右兩端；

　　2. 當(dāng)在“控制”按鈕、“小松鼠”影片剪輯或者“小球”影片剪輯上按下鼠標(biāo)時(shí)，小松鼠和小球分別按照相反的方向運(yùn)動(dòng)；

　　3. 當(dāng)在“控制”按鈕、“小松鼠”影片剪輯或者“小球”影片剪輯上點(diǎn)擊（按下并釋放）鼠標(biāo)時(shí)，小松鼠踏在小球上從場(chǎng)景左端開始來(lái)回運(yùn)動(dòng)。

　　也就是說(shuō)，要求在按鈕、小松鼠和小球影片剪輯上分別添加語(yǔ)句來(lái)實(shí)現(xiàn)相同的控制效果。

　　效果如“練習(xí)3”。

　　>>>>>點(diǎn)擊查看動(dòng)畫效果<<<<<

　　練習(xí)3

　　課后練習(xí)提示：（這個(gè)練習(xí)對(duì)于初學(xué)者有一定的難度，最好在不看提示之前，先獨(dú)立思考試著做一做）

　　1. 這個(gè)練習(xí)的關(guān)鍵是路徑，請(qǐng)仔細(xì)理解教程第3、4節(jié)關(guān)于路徑的說(shuō)明，以及第4節(jié)中關(guān)于在影片剪輯和在按鈕上附加鼠標(biāo)事件時(shí)，對(duì)路徑指向的不同之處所做的分析；

　　2. 用按鈕或者用另一個(gè)影片剪輯對(duì)象控制其他影片剪輯時(shí)，不要忘記了為影片剪輯實(shí)例命名；

　　3. 場(chǎng)景上的松鼠圖層上有4個(gè)關(guān)鍵幀，每一個(gè)關(guān)鍵幀上都有一個(gè)小松鼠影片剪輯的實(shí)例，在對(duì)小松鼠命名和添加語(yǔ)句時(shí)不要忽略了這一點(diǎn)。

　　這篇教程為“Flash AS 入門教程”的一部分。查看全套教程>>>>。