Flash腳本-按鈕、文本框

Flash腳本與按鈕、文本框2013.4

學(xué)習(xí)指引：掌握腳本（ActionScript）的語法掌握按鈕的制作和使用掌握按鈕的事件編程掌握文本框的制作和使用掌握對(duì)文本框的編程

腳本ActionScript

Flash腳本ActionScript(以后簡(jiǎn)稱AS)是AdobeFlashPlayer運(yùn)行時(shí)環(huán)境的編程語言。它在Flash內(nèi)容和應(yīng)用程序中實(shí)現(xiàn)交互性、數(shù)據(jù)處理以及其他功能。AS是Flash的腳本語言,與JavaScript相似，AS是一種編程語言，新出的AS3.0使用OOP（面對(duì)對(duì)象編程），增加了更強(qiáng)的報(bào)錯(cuò)能力，指定類型也更明確。AS是由FlashPlayer中的ActionScript虛擬機(jī)(AVM)來執(zhí)行的。代碼通常被編譯器編譯成“字節(jié)碼格式”（一種由計(jì)算機(jī)編寫且能夠?yàn)橛?jì)算機(jī)所理解的編程語言），如AdobeFlashCS3Professional或AdobeFlashBuilder的內(nèi)置編譯器或AdobeFlexSDK和FlexDataServices中提供的編譯器。字節(jié)碼嵌入swf文件中，swf文件由運(yùn)行時(shí)環(huán)境FlashPlayer執(zhí)行。

認(rèn)識(shí)“動(dòng)作”面板

“腳本”導(dǎo)航器“腳本”編輯窗口“動(dòng)作”工具箱Flash中添加編寫腳本一：把腳本編寫在時(shí)間軸上面的關(guān)鍵幀里面（注意，必須是關(guān)鍵幀上才可以添加腳本）二：把腳本編寫在對(duì)象本身上，比如把腳本直接寫在影片剪輯元件的實(shí)例上、按鈕實(shí)例上面。腳本控制：在關(guān)鍵幀中編程實(shí)現(xiàn)對(duì)元件、按鈕、幀的控制；在按鈕中編程實(shí)現(xiàn)對(duì)按鈕事件的響應(yīng)；在影片剪輯中編程實(shí)現(xiàn)對(duì)影片剪輯事件的響應(yīng)；對(duì)按鈕編程在按鈕實(shí)例本身上寫腳本的方法on(事件){要執(zhí)行的腳本程序}

這個(gè)on語句就是直接在按鈕實(shí)例本身進(jìn)行AS編寫的規(guī)則。需要注意的是on里面的事件，這個(gè)事件可以理解為是鼠標(biāo)或鍵盤的動(dòng)作，描述這個(gè)事件的英文單詞，首字母是小寫。在主時(shí)間軸的關(guān)鍵幀上寫代碼按鈕實(shí)例的名字.on事件名稱=Function(){要執(zhí)行的腳本程序}實(shí)例命名只能使用英文字母、下劃線和數(shù)字

數(shù)字不能開頭不能包含空格

按鈕實(shí)例1：按鈕控制：on(press){ getURL("");}主時(shí)間軸上控制：btn.onRelease=function(){ getURL("");}語法格式：getURL("url","window","variables");（1）url參數(shù)：url用來獲得文檔的統(tǒng)一定位資源。注意填寫的時(shí)候要書寫完整。比如可以在IE地址欄里直接書寫，但在這里，必須寫成才可以，當(dāng)然FTP地址、CGI腳本等也都可以作為其參數(shù)。以上是絕對(duì)地址，它完整書寫了統(tǒng)一定位資源。其實(shí)這里也可以使用相對(duì)地址，下面是使用相對(duì)地址的幾中情況：使用相對(duì)地址：如果swf與要打開的資源屬于同一目錄下，可直接書寫要打開的文件名及后綴。如getURL("aaa.swf);如果資源在下一層目錄，就以/開頭，如getURL("/aaa.swf");如果資源在上層目錄，就以../開頭，如gerURL("../aaa.swf)";以上說的目錄是指SWF文件存放的目錄為基準(zhǔn)。（2）windows參數(shù)：設(shè)置所要訪問鏈接的網(wǎng)頁(yè)窗口打開方式?？勺约狠斎霂虼翱诿Q（配合Dreamweaver里框架的設(shè)置）。也可以通過下拉列表選擇：_self:在當(dāng)前的瀏覽器打開鏈接。_blank:在新窗口打開網(wǎng)頁(yè)。_parent:在當(dāng)前位置的上一級(jí)瀏覽器窗口打開鏈接。若有多個(gè)相互嵌套的框架，而又想所鏈接的url只替換影片自身所在的頁(yè)面時(shí)，可以使用這一選項(xiàng)。_top:在當(dāng)前瀏覽器上方新開一個(gè)鏈接。如果你在Dreamweaver里設(shè)置了一些框架，本影片位于某一框架中，當(dāng)希望鏈接的url不替代任何框架而出現(xiàn)在所有框架之上時(shí)，可以使用它。（3）Variable參數(shù)規(guī)定參數(shù)的傳輸方式。大多數(shù)情況下，其默認(rèn)參數(shù)為不傳遞。如果要將內(nèi)容提交給服務(wù)器的腳本，就要選“GET”或者“POST”?！癎ET”表示將參數(shù)列表直接添加到url之后，與之一起提交，一般適用與參數(shù)較少且簡(jiǎn)單的情況“POST”表示將參數(shù)列表單獨(dú)提交，在速度上會(huì)慢一些，但不容易丟失數(shù)據(jù)，適用與參數(shù)較多較復(fù)雜的情況。文本框輸入文本框?qū)傩悦姘宓陌粹o設(shè)置在很多數(shù)據(jù)輸入的場(chǎng)合中，輸入數(shù)據(jù)的質(zhì)量非常重要，如果輸入錯(cuò)誤，程序則不能正常運(yùn)行。例如：程序中一個(gè)輸入文本框要求只接受數(shù)字0～9，如果不小心輸入了其他字符，則程序就不能正常運(yùn)行。怎樣才能避免這種情況的發(fā)生呢？Flash可以通過代碼對(duì)輸入文本框的格式進(jìn)行控制，實(shí)現(xiàn)一定程度上的數(shù)據(jù)約束。下面是常見的幾種數(shù)據(jù)約束（假設(shè)輸入文本框的名稱為txt）：1．密碼輸入文本框的實(shí)現(xiàn)txt.restrict=null//輸入任意字符。txt.password=true//該輸入文本框是密碼文本框。txt.maxchars=8//該輸入文本框的最大字符數(shù)為8個(gè)字符。數(shù)字輸入文本框的實(shí)現(xiàn)txt.restrict="0-9."http://該文本框只能輸入數(shù)字和表示小數(shù)點(diǎn)的字符"."。3．大小寫字母輸入文本框的實(shí)現(xiàn)

txt.restrict="A-Za-z"http://該文本框只能輸入大小寫字母。說明：如果要求輸入文本框只接受大寫字母，只要把上面的動(dòng)作改寫為txt.restrict="A-Z"”即可。4．限定范圍輸入文本框的實(shí)現(xiàn)

txt.restrict="A-Z^K-O"http://該輸入文本框只能輸入除K～O以外的大寫字母。實(shí)例2－加法的練習(xí)（1）執(zhí)行【文件】|【新建】命令，新建一個(gè)文件，其余設(shè)置保持默認(rèn)值，并通過按【Ctrl+S】，將該文件保存為“簡(jiǎn)易加法.fla”。（2）在【圖層一】的第1幀舞臺(tái)上插入兩個(gè)輸入文本框、兩個(gè)靜態(tài)文本框，一個(gè)動(dòng)態(tài)文本框，將兩個(gè)輸入文本框分別命名為txta和txtb，將動(dòng)態(tài)文本框命名為txtresult，兩個(gè)靜態(tài)文本框的內(nèi)容分別是“+”和“=”，注：若不能測(cè)試，把靜態(tài)文本分離。(3)右單擊第1幀，在快顯菜單中選擇【動(dòng)作】，對(duì)第1關(guān)鍵幀編程，實(shí)現(xiàn)兩個(gè)輸入文本框只能輸入運(yùn)算的數(shù)字，代碼如下圖所示：txta.restrict="0-9."txtb.restrict="0-9."（4）自制一個(gè)按鈕“求和”，將其拖動(dòng)到舞臺(tái)上，右單擊按鈕，選擇【動(dòng)作】，打開動(dòng)作面板，輸入如下代碼：輸入文本框on(release){ vara,b,sum; a=parseInt(txta.text); b=parseInt(txtb.text); sum=a+b; txtresult.text=sum;}上述的代碼var是聲明變量的關(guān)鍵字，所以vara,b,sum意思就是聲明了3個(gè)變量。因?yàn)槟J(rèn)地文本框內(nèi)容的數(shù)據(jù)類型都是文本類型，所以在進(jìn)行數(shù)學(xué)運(yùn)算之前，必須通過parseInt（）函數(shù)進(jìn)行轉(zhuǎn)換，parseInt（）是把字符串類型的數(shù)字轉(zhuǎn)換為整數(shù)型的數(shù)字。轉(zhuǎn)換好之后，對(duì)兩個(gè)輸入文本框的內(nèi)容進(jìn)行求和，并將結(jié)果通過賦值的形式再賦給動(dòng)態(tài)文本框txtresult,回顯到屏幕上。（5）輸完上述的代碼后，單擊代碼面板的語法檢查工具，檢查代碼是否存在語法錯(cuò)誤。（6）執(zhí)行【控制】|【測(cè)試影片】命令（快捷鍵Ctrl+Enter），觀察動(dòng)畫效果，如果要導(dǎo)出Flash的播放文件，執(zhí)行【文件】|【導(dǎo)出】|【導(dǎo)出影片】命令。按【Ctrl+回車】測(cè)試效果如圖所示。AS的特性1.注釋//計(jì)算x階乘的函數(shù)functionf(x){if(x<=0){//假如x小于等于0return1;//返回1}else{returnx*f(x-1);//否則返回階乘結(jié)果}}2.語法著色(SyntaxHightlighting)菜單【編輯】|【首選參數(shù)】3.代碼提示在輸入了一個(gè)對(duì)象名后再輸入“.”，就會(huì)顯示相關(guān)的屬性和方法列表；在輸入了函數(shù)名后輸入“(”，就會(huì)顯示相關(guān)的函數(shù)格式。4.大小寫敏感同C++和Java一樣，AS是區(qū)分大小寫的，這就意味著：If并不等于if。假如在代碼中使用了If,，在運(yùn)行和檢查時(shí)都會(huì)產(chǎn)生錯(cuò)誤。避免這種情況：多注意一下輸入的代碼是否自動(dòng)地被語法著色了(SyntaxHightlighting)。變量(Variable)vara,b在新的AS版本中，在聲明一個(gè)變量的時(shí)候，還可以聲明變量的類型，例如：vara:Number這樣a中就只能放數(shù)值，因?yàn)閍的數(shù)據(jù)類型被聲明為Number。Number是一種數(shù)值數(shù)據(jù)類型。varb:String這時(shí)b就只能放字符串，放進(jìn)去的數(shù)值都會(huì)被認(rèn)作是字符串，因?yàn)閎的數(shù)據(jù)類型被聲明為String。String是一種