前面講了“圖”和“聲”的一般調(diào)理，這節(jié)我們開(kāi)始琢磨“字”，要說(shuō)這“字”，大號(hào)叫文本， 還有三種類(lèi)型：靜態(tài)文本、動(dòng)態(tài)文本和輸入文本，下面我們就把這三樣捏到一起作個(gè)綜合練習(xí)實(shí)例。

　　源文件下載

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

　　實(shí)例2-３打字效果

　?。?1 ）基本思路

　　　　① 建一個(gè)輸入文本，用來(lái)鍵盤(pán)輸入或復(fù)制粘貼一段文字。

　　 ② 為輸入文本制作一滾動(dòng)條，上下各一個(gè)按鈕，中間一個(gè)“滑塊”，“滑塊”要和文本同步垂直變動(dòng)，并相互作用，編寫(xiě)這段腳本可是夠累人的。

　　 ③建一個(gè)動(dòng)態(tài)文本，根據(jù)指令來(lái)顯示輸入文本的內(nèi)容。

　　 ④ 建一個(gè)按鈕，令動(dòng)態(tài)文本開(kāi)始“表現(xiàn) ” 。

　　 ⑤ 在幀上寫(xiě)腳本，讓動(dòng)態(tài)文本的按咱要求“演”。

　　 ⑥ 上面只是說(shuō)到要用輸入文本和動(dòng)態(tài)文本，不是說(shuō)要用 3 樣嗎， 那在就在按鈕上輸入“打字”倆字，別看字少，可是用到了一種類(lèi)型，這下齊了。

　　（ 2 ）新知識(shí)點(diǎn)

　　my_txt.scroll // 定義文本在文本字段中的垂直位置。

　　my_txt.maxscroll;// my_txt.scroll 的最大值。

　　my_str.substring// 返回一個(gè)字符串。

　　arguments.length// 實(shí)際傳遞給函數(shù)的參數(shù)數(shù)量。

　　Math.random()// 返回一個(gè) 0-1 之間的隨機(jī)數(shù)。

　　Math.ceil()// 對(duì)數(shù)字或表達(dá)式按進(jìn)位法取整。

　　　?。ǎ常?shí)例說(shuō)明

　　 ① 建一輸入文本，變量名： shuru 。

　　 ② 建一動(dòng)態(tài)文本，變量名： shuchu 。

　　 ③從公用庫(kù)中拖入一按鈕，點(diǎn)開(kāi)并插入“打字”二字。

　　 ④ 為輸入文本作一滾動(dòng)條，包括上下按鈕和一個(gè)類(lèi)型為 MC 的“滑塊”。

　　　　（ 4 ）編寫(xiě)動(dòng)作腳本

　?、僭?ldquo;打字”按鈕上輸入：

　　on (press) {

　　Play();

　　}

　　② 在滾動(dòng)條的向上按鈕上輸入：

　　on(release){

　　shuru.scroll-=1;// 可顯示的文本垂直下移一個(gè)單位，即向上多看一行。

　　}

　?、?在滾動(dòng)條的向下按鈕上輸入：

　　on(release){

　　shuru.scroll+=1;// 可顯示的文本垂直上移一個(gè)單位，即向下多看一行。

　　}

　?、?在滾動(dòng)條的“滑塊”上輸入：

　　onClipEvent (load) {

　　shang = this._y;// 設(shè)此變量作為“滑塊”的初始垂直位置

　　zuoyou = this._x;// 設(shè)此變量作為“滑塊”的初始水平位置

　　N = 30; // 設(shè)此變量作為“滑塊”的垂直位置變動(dòng)的最大值，本例中其實(shí)是一以常量狀態(tài)存在。

　　t = 0; // 設(shè)此變量作為 if 語(yǔ)句的判斷條件

　?。?/p>

　　onClipEvent (enterFrame) {// 按幀頻循環(huán)執(zhí)行以下動(dòng)作

　　if (t == 0) { 滿(mǎn)足條件執(zhí)行此大括號(hào)內(nèi)動(dòng)作

　　Ni = (N+2)*(_root.shuru.scroll-1)/(_root.shuru.maxscroll);// 用 N 乘于當(dāng)前顯示行占總行數(shù)的比例，再賦值給變量 Ni ，其中的“ -1 ”和“ +2 ”是為較準(zhǔn)確顯示而加的修正值?！　　　　　　　　　　　　　　　　　　　　　　　　　　　　　?/p>

　　this._y = shang+Ni;// 此 MC 的垂直位置依 Ni 而變化。

　　} else {// 不滿(mǎn)足條件執(zhí)行此大括號(hào)內(nèi)動(dòng)作

　　Ni = this._y-shang; 將當(dāng)前垂直位置與原始位置的差賦值給 Ni

　　_root.shuru.scroll = Ni/N*(_root.shuru.maxscroll)+1;// 用 Ni 占 N 的比例乘于文本的總行數(shù)的值賦予現(xiàn)實(shí)顯示的行數(shù)。

　　}

　　}

　　on (press) {

　　nextFrame();// 轉(zhuǎn)到下一幀，這里是為要取得的不同的外觀效果。

　　t = 1;// 為 if 語(yǔ)句判斷條件的變量賦新值

　　startDrag(this, true, zuoyou, shang, zuoyou, shang+N); // 鼠標(biāo)拖動(dòng) MC ，并限制在括號(hào)的設(shè)定范圍內(nèi)。

　　}

　　on (release,releaseOutside) {

　　prevFrame();// 轉(zhuǎn)到上一幀

　stopDrag();// 停止拖動(dòng)

　　t = 0;// 為 if 語(yǔ)句判斷條件的變量賦原值

　　}

　?、菰?ldquo;滑塊”上的第１幀上輸入：

　　stop();

　?、拗鲿r(shí)間軸第 1 幀上輸入：

　　i = 0;

　　shuru = "";

　　nextFrame(); //變量初始化后轉(zhuǎn)到下一幀停止。

　　 ⑦ 主時(shí)間軸第２幀上輸入：

　　shuchu = shuru.substring(0, i)+"_";// 將輸入文本的字符串變量的的第 1 個(gè)到第 i+1 個(gè)的字符，同時(shí)在后面加個(gè)"_"組成的一個(gè)字符串賦給動(dòng)態(tài)文本的變量。

　　gotoAndPlay(Math.ceil(Math.random()*4)+2); 避免死板顯示，將播放頭的跳轉(zhuǎn)位置用隨機(jī)函數(shù)值來(lái)確定。

　　shuchu.scroll = shuchu.maxscroll;// 設(shè)定顯示行，使得動(dòng)態(tài)文本框顯示滿(mǎn)后向上滾動(dòng)。

　　i++;

　　if (i>shuru.length) { 當(dāng)變量 i 大于輸入文本的總字符數(shù)時(shí)，執(zhí)行以下命令。

　　stop();

　　i = 0;

　　}

　　 ⑧ 主時(shí)間軸最后一幀上輸入：

　　gotoAndPlay(２);

　?。?５ ）要點(diǎn)分析

　　 ①這里的輸入文本“滾動(dòng)條”實(shí)現(xiàn)了交互性功能，“滾動(dòng)條”由 3 部分組成，上下各一個(gè)按鈕，中間一個(gè)“滑塊”，當(dāng)用上下按鈕改變文本的垂直位置時(shí)，中間的滾動(dòng)條自動(dòng)變化，當(dāng)按住“滑塊”的時(shí)候 可以在確定的范圍呢拖動(dòng)，文本位置也相應(yīng)變化，其工作原理就是用一變量判斷后執(zhí)行，取文本位置后改變“滑塊”位置，還是取“滑塊”位置后改變文本位置。

　　 ②shuchu = shuru.substring(0, i) ，是變量“ shuchu ”取得截自變量“ shuru” 的一段字符串， substring() 在小擴(kuò)號(hào)里的參數(shù)，前一個(gè)是字符串中字符的索引號(hào)，從 0- — n-1 ， n 是字符總數(shù)，如這個(gè)字符串有 5 個(gè)字符，索引號(hào)則是 0 、 1 、 2 、 3 、 4 ，這和以后要學(xué)習(xí)的數(shù)組索引是一樣的；后一個(gè)參數(shù)是要獲取的字符個(gè)數(shù)，如字符串有 5 個(gè)字符，，當(dāng)此參數(shù)設(shè)定為 5 則全部獲得，因?yàn)榇藢?shí)例用變量 i 作為參數(shù)，且是以 1 為步長(zhǎng)遞增的 , 每循環(huán)一次就多顯示一個(gè)字，看的效果是象打出一個(gè)新字，其實(shí)是 m+1 個(gè)字段長(zhǎng)的字符串覆蓋了 m 個(gè)字段長(zhǎng)的字符串。

　　 ③ gotoAndPlay(Math.ceil(Math.random()*4)+2) ，其中的 (Math.ceil(Math.random()*4 就是要取得一個(gè) 0-4 的隨機(jī)整數(shù)，過(guò)去我們用 random(value) ，但人家軟件說(shuō)不鼓勵(lì)在 Flash 5 中使用，咱就跟著新的走。添點(diǎn)麻煩來(lái) gotoAndPlay ，就是為有點(diǎn)快慢不一樣，象打字那回事似的。

　?。?6 ）小結(jié)

　　 本講介紹了輸入文本和動(dòng)態(tài)文本，應(yīng)該說(shuō)講了普通的使用方法，好多的設(shè)置都是在屬性面板里完成的，只是用腳本控制字符文本的顯示，而全 AS 及更復(fù)雜控制就要用 TextField 類(lèi)。這個(gè)實(shí)例的輸入文本滾動(dòng)條對(duì)學(xué)習(xí)腳本編寫(xiě)應(yīng)該有一定的啟發(fā)作用，其實(shí)用組件有現(xiàn)成的，因?yàn)楝F(xiàn)在要用我們前面學(xué)到的知識(shí)來(lái)完成，才要這樣寫(xiě)，而且對(duì)今后的應(yīng)用也可能有幫助，同樣的原理可以控制影片和音樂(lè)的進(jìn)度等。

　?。?7 ）課后練習(xí)

　　 修改源文件，讓動(dòng)態(tài)文本不是一個(gè)字一個(gè)字的顯示，而是一行行顯示，范例效果：

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

　　練習(xí)2-3

　　這篇教程為“Flash AS 實(shí)例進(jìn)階教程”的一部分。查看全套教程>>>>。

最新評(píng)論