《網(wǎng)頁(yè)制作與設(shè)計(jì)》立體化電子課件 第7章-Flash之AS編程

Flash之AS編程ActionScript概述事件與事件處理AS編程根底AS的編輯與運(yùn)行總結(jié)與習(xí)題第7章ActionScript是一種面向?qū)ο蟮木幊陶Z(yǔ)言，簡(jiǎn)稱AS最早版本的AS1.0出現(xiàn)在Flash5中；開展到Flash7的，已經(jīng)較為成熟，開始支持面向?qū)ο蟮木幊谭绞剑籄S3全面支持ECMAScrpitforXML的標(biāo)準(zhǔn)，并采用全新的AVM來解釋其語(yǔ)法，速度與性能更為優(yōu)越2006年Adobe收購(gòu)Macromedia后，于2007年推出FlashCS版本，在AS方面做了較大改動(dòng)ActionScript概述7.1AVM(ActionVirtualMachine)稱為AS虛擬機(jī)AS虛擬機(jī)是ActionScript語(yǔ)言的解釋器，用來將AS代碼編譯成二進(jìn)制代碼格式，并使之成為SWF文件的一局部，從而能夠被Flash播放器所執(zhí)行。ActionScript概述7.1ActionScript動(dòng)作腳本是指在動(dòng)畫運(yùn)行過程中起到計(jì)算與控制作用的AS程序代碼動(dòng)作腳本將變量、函數(shù)、表達(dá)式、語(yǔ)句、對(duì)象的屬性與方法等AS語(yǔ)法要素組織成一個(gè)邏輯整體，從而控制對(duì)象產(chǎn)生行為，執(zhí)行動(dòng)作，響應(yīng)交互，最終形成各種動(dòng)畫效果ActionScript概述7.1AS支持面向?qū)ο蟮哪_本編碼

AS允許用戶使用系統(tǒng)預(yù)定義的類，或創(chuàng)立自定義的類創(chuàng)立自定義類時(shí)，要定義類的所有屬性與方法，以及類的構(gòu)造函數(shù)AS中預(yù)定義了許多重要的類，常用類如下表所示ActionScript概述7.1AS常用的預(yù)定義類

預(yù)定義類代表的意義預(yù)定義類代表的意義Array數(shù)組類Mouse鼠標(biāo)類Boolean布爾型數(shù)據(jù)類Number數(shù)字型數(shù)據(jù)類Color顏色類Object對(duì)象類Date日期類Selection選擇區(qū)間類Key鍵盤類Sound聲音類Math數(shù)學(xué)函數(shù)庫(kù)String字符串型數(shù)據(jù)類MovieClip影片剪輯類XML可擴(kuò)展標(biāo)記語(yǔ)言類ActionScript概述7.1類不能直接使用，必須通過由類創(chuàng)立出的實(shí)例來完成各種行為類的每個(gè)實(shí)例都是類的一個(gè)拷貝，不同的實(shí)例之間可以互相通訊類的實(shí)例一般稱為對(duì)象每一種類都有自己的屬性與方法除了方法，類往往還有動(dòng)作ActionScript概述7.1方法與動(dòng)作是兩類不同的內(nèi)部過程或函數(shù)方法隸屬于特定的對(duì)象，要以“對(duì)象.方法([參數(shù)列表])〞的形式加以引用動(dòng)作那么是獨(dú)立于對(duì)象的AS語(yǔ)句，使用時(shí)不需以對(duì)象為引導(dǎo)前綴ActionScript概述7.1Flash的動(dòng)作面板主要用于組織動(dòng)作腳本的編寫使用動(dòng)作面板提供的各種幫助手段與輔助工具，可以簡(jiǎn)化動(dòng)作腳本代碼的編寫，更加快捷地開發(fā)AS程序

AS的編輯與運(yùn)行7.2在Flash中，執(zhí)行【窗口/動(dòng)作】菜單命令，或使用快捷功能鍵F9，將翻開動(dòng)作面板針對(duì)不同的對(duì)象，動(dòng)作面板將有所不同動(dòng)作面板如以下圖所示AS的編輯與運(yùn)行7.2動(dòng)作面板及各個(gè)功能組

AS的編輯與運(yùn)行7.2動(dòng)作面板功能組1.AS版本選擇框2.動(dòng)作工具箱3.對(duì)象窗口4.參數(shù)面板5.腳本編輯窗6.工具欄7.狀態(tài)提示欄AS的編輯與運(yùn)行7.2為腳本代碼添加對(duì)象時(shí)，無論使用動(dòng)作工具箱，還是使用工具欄的命令按鈕，其成效是等同的左側(cè)動(dòng)作工具箱中顯示出AS的內(nèi)部類列表，右側(cè)顯示出使用工具欄命令按鈕所翻開的選項(xiàng)列表，兩類列表的內(nèi)容完全等價(jià)AS的編輯與運(yùn)行7.2動(dòng)作工具箱與工具欄的用法比照AS的編輯與運(yùn)行7.2腳本代碼是具有特定邏輯關(guān)系的AS語(yǔ)句序列，其中可以包含順序、分支、循環(huán)等程序結(jié)構(gòu)動(dòng)畫中的任何對(duì)象，無論是時(shí)間軸關(guān)鍵幀，按鈕，還是影片剪輯，都可擁有自己的動(dòng)作腳本不同的對(duì)象，其腳本執(zhí)行的方式會(huì)有所不同，如以下圖所示AS的編輯與運(yùn)行7.21關(guān)鍵幀對(duì)象的腳本在該幀加載時(shí)被立即執(zhí)行關(guān)鍵幀對(duì)象2按鈕對(duì)象的腳本包含在一個(gè)或多個(gè)on()過程內(nèi)，當(dāng)事件發(fā)生時(shí)，該處理過程立即執(zhí)行按鈕對(duì)象3影片剪輯對(duì)象的腳本包含在一個(gè)或多個(gè)onClipEvent()過程內(nèi)，當(dāng)事件發(fā)生時(shí)，該處理過程立即執(zhí)行影片剪輯對(duì)象AS的編輯與運(yùn)行7.2為時(shí)間軸關(guān)鍵幀、按鈕對(duì)象及影片剪輯三類對(duì)象添加動(dòng)作腳本的方法類似，可歸納為以下圖所示的過程AS的編輯與運(yùn)行7.2Step1Step2選中要添加腳本語(yǔ)句的關(guān)鍵幀、按鈕對(duì)象或影片剪輯

用菜單命令或F9快捷鍵，翻開動(dòng)作面板；面板類型與選擇的對(duì)象類型相對(duì)應(yīng)在動(dòng)作面板的腳本編輯窗中輸入AS語(yǔ)句Step3AS的編輯與運(yùn)行7.2ActionScript是一種面向?qū)ο蟮木幊陶Z(yǔ)言，是Flash軟件內(nèi)嵌的腳本語(yǔ)言，用來實(shí)現(xiàn)對(duì)動(dòng)畫元件與動(dòng)畫流程的控制，實(shí)現(xiàn)豐富多變的交互效果與動(dòng)畫特效AS是一種非常簡(jiǎn)單而有效的交互式動(dòng)畫創(chuàng)作工具，其語(yǔ)法類似于Javascript腳本語(yǔ)言AS編程基礎(chǔ)7.3AS的特點(diǎn)1.支持面向?qū)ο?/p>

2.“.”語(yǔ)法3.“{}”語(yǔ)法4._root關(guān)鍵字

5._parent關(guān)鍵字6.this關(guān)鍵字

7.與Java/JS相近AS編程基礎(chǔ)7.3AS常用的預(yù)定義類預(yù)定義類代表的意義預(yù)定義類代表的意義Array數(shù)組類Mouse鼠標(biāo)類Boolean布爾型數(shù)據(jù)類Number數(shù)字型數(shù)據(jù)類Color顏色類Object對(duì)象類Date日期類Selection選擇區(qū)間類Key鍵盤類Sound聲音類Math數(shù)學(xué)函數(shù)庫(kù)String字符串型數(shù)據(jù)類MovieClip影片剪輯類XML可擴(kuò)展標(biāo)記語(yǔ)言類AS編程基礎(chǔ)7.3變量必須先聲明再使用聲明變量的語(yǔ)法var變量名：數(shù)據(jù)類型；var變量名：數(shù)據(jù)類型=值如果要賦值，值的數(shù)據(jù)類型必須和變量的數(shù)據(jù)類型一致AS編程基礎(chǔ)7.3變量命名規(guī)那么盡量使用有含義的英文單詞作為變量名變量名采用駱駝式命名法變量命名盡量符合“長(zhǎng)度最短與信息最多〞的原那么盡量防止變量名中出現(xiàn)數(shù)字編號(hào)AS編程基礎(chǔ)7.3AS數(shù)據(jù)類型

簡(jiǎn)單類型簡(jiǎn)單類型包含int、Number、String、Boolean等類型復(fù)雜數(shù)據(jù)類型數(shù)組(Array)與對(duì)象(Object)兩種AS編程基礎(chǔ)7.3數(shù)組數(shù)組：Array數(shù)組最多容納232-1個(gè)元素默認(rèn)值為空值：null數(shù)組的聲明方式數(shù)組元素的訪問使用數(shù)組運(yùn)算符[]引用數(shù)組元素的下標(biāo)數(shù)組的起始下標(biāo)一般為0AS編程基礎(chǔ)7.3對(duì)象成員屬性(Property)：用來存放各種數(shù)據(jù)方法(Mehtod)：存放函數(shù)對(duì)象AS編程基礎(chǔ)7.3最常用的運(yùn)算符：賦值運(yùn)算符〔=〕將等號(hào)右邊的值〔右值〕復(fù)制給等號(hào)左邊的變量等號(hào)左邊必須是一個(gè)變量，不能是基元數(shù)據(jù)類型，也不能是沒有聲明的對(duì)象的引用AS編程基礎(chǔ)7.3條件判斷格式格式1if(條件表達(dá)式){流程}格式3if(條件1){流程1}elseif(條件2){流程2}elseif(條件3){流程3}elseif……格式2if(條件表達(dá)式){流程a}else{流程b}AS編程基礎(chǔ)7.3switch語(yǔ)句選擇分支判斷語(yǔ)句switch的格式：

switch(值或表達(dá)式){case值或表達(dá)式1:語(yǔ)句1；break;case值或表達(dá)式2:語(yǔ)句2；break;case值或表達(dá)式3:語(yǔ)句3；break;defalt:語(yǔ)句4；}AS編程基礎(chǔ)7.3常用的運(yùn)算符1.算術(shù)運(yùn)算符2.賦值運(yùn)算符3.關(guān)系運(yùn)算符4.邏輯運(yùn)算符5.typeof6.if-else運(yùn)算符7.as運(yùn)算符AS編程基礎(chǔ)7.3循環(huán)語(yǔ)句3.for語(yǔ)句2.do-while語(yǔ)句1.while語(yǔ)句4.for…in語(yǔ)句5.foreach…in語(yǔ)句AS編程基礎(chǔ)7.3break和continue語(yǔ)句都在循環(huán)體內(nèi)使用Break用來直接跳出循環(huán)，不再執(zhí)行循環(huán)體內(nèi)后面的語(yǔ)句continue語(yǔ)句只是終止當(dāng)前這一輪的循環(huán)，直接跳到下一輪循環(huán)AS編程基礎(chǔ)7.3With語(yǔ)句如果有一系列語(yǔ)句都作用于同一個(gè)對(duì)象，可以用with語(yǔ)句指明多條語(yǔ)句對(duì)該對(duì)象的引用使用with語(yǔ)句可以提高程序的執(zhí)行速度，并且可以防止重復(fù)輸入對(duì)象名稱的問題AS編程基礎(chǔ)7.3AS基本動(dòng)作語(yǔ)句3.stop語(yǔ)句2.gotoAndStop語(yǔ)句1.gotoAndPlay語(yǔ)句4.play語(yǔ)句5.stopAllSounds語(yǔ)句AS編程基礎(chǔ)7.3AS常用動(dòng)作語(yǔ)句語(yǔ)句功能duplicateMovieClip通過復(fù)制動(dòng)態(tài)創(chuàng)建影片剪輯實(shí)例removeMovieClip刪除指定的影片剪輯loadMovie播放原始SWF文件的同時(shí)將SWF文件或JPEG文件加載到FlashPlayer中unloadMovie對(duì)loadMovie加載的影片剪輯進(jìn)行刪除startDrag使影片剪輯實(shí)例可拖動(dòng)stopDrag停止影片剪輯實(shí)例拖動(dòng)操作setProperty更改影片剪輯的屬性值getURL加載URL指定的文檔到窗口中，或?qū)⒆兞總鬟f給URL定義的另一應(yīng)用程序AS編程基礎(chǔ)7.3函數(shù)函數(shù)是指執(zhí)行特定任務(wù)并可以在程序中重用的代碼塊兩種定義方式：函數(shù)語(yǔ)句聲明法函數(shù)表達(dá)式聲明法AS編程基礎(chǔ)7.3調(diào)用函數(shù)在程序中使用內(nèi)置或自定義函數(shù)的過程稱為函數(shù)的調(diào)用調(diào)用函數(shù)的一般形式為：函數(shù)名〔參數(shù)列表〕AS編程基礎(chǔ)7.3函數(shù)假設(shè)具有多個(gè)參數(shù)，需要使用逗號(hào)隔開即使函數(shù)沒有參數(shù)，調(diào)用時(shí)要保存一對(duì)括號(hào)以類的方法定義的函數(shù)要使用相應(yīng)類的對(duì)象(或直接使用類)來調(diào)用當(dāng)函數(shù)有返回值時(shí)，可將函數(shù)調(diào)用置于表達(dá)式中作為一個(gè)操作數(shù)函數(shù)調(diào)用可以在函數(shù)聲明之前，也可在之后。只要在調(diào)用語(yǔ)句的當(dāng)前范圍內(nèi)聲明就合法AS編程基礎(chǔ)7.3AS常用的內(nèi)置函數(shù)

函數(shù)功能與用法描述Eval(expression)將參數(shù)作為表達(dá)式，計(jì)算并返回表達(dá)式的值Int(number)獲取并返回參數(shù)的整數(shù)部分(舍棄參數(shù)的小數(shù)部分)Length(str)計(jì)算并返回字符串參數(shù)的長(zhǎng)度值Substring(str,s,l)返回字符串參數(shù)str的子串，該子串從s位置開始，長(zhǎng)度為lChr(str)將參數(shù)作為ASCII碼值，返回與該值對(duì)應(yīng)的字符Ord(str)轉(zhuǎn)換并返回字符串參數(shù)中第1個(gè)字符的ASCII碼Random(n)返回一個(gè)介于0到n-1間的隨機(jī)數(shù)字AS編程基礎(chǔ)7.3下面介紹一些重要的函數(shù)AS編程基礎(chǔ)7.3Date函數(shù)日期時(shí)間函數(shù)Date()聲明形式：publicfunctionDate():String返回一個(gè)字符串，包括當(dāng)前的日期和時(shí)間返回的時(shí)間格式：DayMonDateHH:MM:SSTZDYYYYAS編程基礎(chǔ)7.3isNaN函數(shù)驗(yàn)證函數(shù)isNaN()用來對(duì)數(shù)值計(jì)算進(jìn)行有效性驗(yàn)證參數(shù)聲明形式如下：publicfunctionisNaN(num:Number):Boolean參數(shù)功能：假設(shè)參數(shù)為NaN那么返回true，否那么返回falseNaN是Number類型變量的默認(rèn)值，當(dāng)一個(gè)數(shù)學(xué)運(yùn)算的結(jié)果無法用一個(gè)數(shù)值表示時(shí)返回NaN值在程序中不能用一個(gè)條件表達(dá)式判斷一個(gè)變量的值是否為NaNAS編程基礎(chǔ)7.3定時(shí)函數(shù)組定時(shí)函數(shù)組包括以下5個(gè)函數(shù)：setInterval()clearInterval()setTimeout()clearTimeout()setInterval()這些函數(shù)皆以指定的時(shí)間間隔不斷地運(yùn)行AS編程基礎(chǔ)7.3交互是動(dòng)畫和觀眾之間的紐帶，更是Fash動(dòng)畫的精彩之處通過ActionScript編寫的腳本程序，可以對(duì)關(guān)鍵幀、影片剪輯和按鈕等對(duì)象進(jìn)行控制，實(shí)現(xiàn)非常精彩的交互式動(dòng)畫效果動(dòng)畫觀看者可以通過鼠標(biāo)或按鍵操作與交互式動(dòng)畫進(jìn)行交流，參與到動(dòng)畫的控制中事件與事件處理7.4交互式動(dòng)畫的每個(gè)行為包含了兩個(gè)局部：事件事件產(chǎn)生時(shí)所執(zhí)行的動(dòng)作事件是觸發(fā)動(dòng)作的信號(hào)，動(dòng)作是事件的反響結(jié)果，用于控制在動(dòng)畫播放過程中相應(yīng)的程序流程和播放狀態(tài)動(dòng)作由用戶自己設(shè)計(jì)，是由連續(xù)的語(yǔ)句、命令組成的程序事件與事件處理7.4With語(yǔ)句如果有一系列語(yǔ)句都作用于同一個(gè)對(duì)象，可以用with語(yǔ)句指明多條語(yǔ)句對(duì)該對(duì)象的引用使用with語(yǔ)句可以提高程序的執(zhí)行速度，并且可以防止重復(fù)輸入對(duì)象名稱的問題事件與事件處理7.4事件的觸發(fā)方式鼠標(biāo)按鈕事件基于用戶操作的，如通過單擊鼠標(biāo)激發(fā)一個(gè)事件影片剪輯事件

影片剪輯事件動(dòng)作腳本被置于影片剪輯實(shí)例中關(guān)鍵幀事件基于時(shí)間的，當(dāng)?shù)竭_(dá)一定的時(shí)間時(shí)自動(dòng)激發(fā)事件事件與事件處理7.4關(guān)鍵幀事件當(dāng)影片或影片剪輯播放到某一關(guān)鍵幀時(shí)發(fā)生的事件關(guān)鍵幀事件被放置在對(duì)應(yīng)的關(guān)鍵幀中，一旦動(dòng)畫播放到該關(guān)鍵幀處，事件被激發(fā)，事件處理程序開始執(zhí)行事件與事件處理7.4為關(guān)鍵幀事件設(shè)置動(dòng)作的方法如下事件與事件處理7.4Step1Step2選中需要添加動(dòng)作腳本的關(guān)鍵幀，這時(shí)【動(dòng)作】面板的標(biāo)題欄上顯示的標(biāo)題是【動(dòng)作-幀】單擊動(dòng)作面板程序編輯區(qū)左上角的按鈕，在彈出的菜單上找到相關(guān)條目里面的語(yǔ)句雙擊語(yǔ)句即將其添加到了【腳本編輯】窗口中；也可直接在【腳本編輯】窗口中輸入相應(yīng)的語(yǔ)句Step3事件與事件處理7.4鼠標(biāo)按鈕事件鼠標(biāo)按鈕事件又稱為按鈕事件，是基于鼠標(biāo)光標(biāo)移動(dòng)與位置變化而產(chǎn)生的交互性事件處理鼠標(biāo)按鈕事件的動(dòng)作不能放置于按鈕元件的四類狀態(tài)關(guān)鍵幀中，而必須放置在場(chǎng)景中的按鈕實(shí)例中事件與事件處理7.4為鼠標(biāo)按鈕事件設(shè)置動(dòng)作的方法如下事件與事件處理7.4Step1Step2選中場(chǎng)景上需要添加動(dòng)作腳本的按鈕，這時(shí)【動(dòng)作】面板的標(biāo)題欄上顯示的標(biāo)題是【動(dòng)作-按鈕】在腳本編輯窗口中添加編輯動(dòng)作；為按鈕添加動(dòng)作要使用on()事件處理函數(shù)，指定觸發(fā)動(dòng)作的鼠標(biāo)事件運(yùn)行測(cè)試；如果有錯(cuò)誤，要進(jìn)行修改，直到?jīng)]有錯(cuò)誤為止Step3事件與事件處理7.4鼠標(biāo)/按鈕事件處理程序的結(jié)構(gòu)為：on(mouseEvent){……//動(dòng)作腳本代碼}其中參數(shù)mouseEvent為代表不同鼠標(biāo)/按鈕事件的關(guān)鍵字，如下表所示事件與事件處理7.4鼠標(biāo)/按鈕的事件類型

事件與事件處理7.4響應(yīng)事件的類型事件的意義說明on(keyPress)在按鈕上按下特定的鍵盤按鍵時(shí)激發(fā)該事件on(press)在按鈕上按下鼠標(biāo)左鍵時(shí)激發(fā)該事件on(release)在按鈕上單擊，即鼠標(biāo)左鍵在按鈕上按下并釋放時(shí)激發(fā)該事件on(releaseOutside)在按鈕上按下鼠標(biāo)左鍵，并在按鈕外釋放鼠標(biāo)左鍵時(shí)激發(fā)該事件on(rollOver)鼠標(biāo)移到按鈕區(qū)域內(nèi)并懸停在按鈕之上時(shí)激發(fā)該事件on(rollOut)鼠標(biāo)從按鈕響應(yīng)區(qū)域移出時(shí)激發(fā)該事件on(dragOver)鼠標(biāo)在按鈕上按下并拖曳時(shí)激發(fā)該事件on(dragOut)鼠標(biāo)在按鈕上按下并在按鈕之外拖曳時(shí)激發(fā)該事件影片剪輯事件影片剪輯MovieClip簡(jiǎn)稱MC，是Flash動(dòng)畫中最重要的對(duì)象

MC通過唯一的名稱，能夠復(fù)制、刪除、拖放影片剪輯，控制與操縱動(dòng)畫播放，實(shí)現(xiàn)多種動(dòng)畫操作事件與事件處理7.4為影片剪輯事件設(shè)置動(dòng)作的方法如下事件與事件處理7.4Step1Step2選中場(chǎng)景上需要添加動(dòng)作腳本的影片剪輯，這時(shí)【動(dòng)作】面板的標(biāo)題欄上顯示的標(biāo)題是【動(dòng)作-影片剪輯】在腳本編輯窗口中添加編輯動(dòng)作；為按鈕添加動(dòng)作要使用onClipEvent()事件處理函數(shù)，指定觸發(fā)動(dòng)作的影片剪輯事件運(yùn)行測(cè)試；如果有錯(cuò)誤，要進(jìn)行修改，直到?jīng)]有錯(cuò)誤為止Step3