邢素萍，楊立力

0 引言

Flash是Macromedia公司推出的一種優(yōu)秀的交互式動(dòng)畫制作軟件，具有體積小、交互性強(qiáng)、兼容性好的特點(diǎn)。在動(dòng)畫制作過程中，通過動(dòng)作腳本可以對(duì)動(dòng)畫進(jìn)行高級(jí)的邏輯控制，能幫助用戶按照自己的想法更加準(zhǔn)確方便的制作效果?；诂F(xiàn)今信息的社會(huì)，人們通訊的需求不斷增長，對(duì)于通訊信息的有效保管也顯得尤為重要，因此筆者設(shè)想利用FLASH制作一個(gè)電話簿，不僅可以實(shí)現(xiàn)電話號(hào)碼的記錄，而且通過生動(dòng)活潑畫面的設(shè)計(jì)減少人們工作的壓力與疲憊。

1 設(shè)計(jì)思想

先建立一個(gè)透明按鈕，然后根據(jù)電話簿的各項(xiàng)功能，分成許多部分：添加記錄，修改記錄，顯示記錄等。然后根據(jù)需要，對(duì)每一部分逐個(gè)布置場景，通過編寫按鈕腳本代碼，實(shí)現(xiàn)場景的功能。

2 界面的設(shè)計(jì)

2.1主界面及動(dòng)作代碼的設(shè)計(jì)

新建一個(gè)Flash文件。設(shè)置場景的大小為400px×400px。將“圖層 1”更名為“界面”，在這層的第 2幀插入一個(gè)空白關(guān)鍵幀。選擇文本工具，在【屬性】對(duì)話框中選擇文本類型為“靜態(tài)文本”，輸入文字布置開始界面（如圖1）。新建一個(gè)按鈕元件“按鈕”，在場景中，新建一層“按鈕”，同樣在第2幀插入空白關(guān)鍵幀，從庫中拖出按鈕元件，并且拷貝。在每一個(gè)“確認(rèn)”上覆蓋一個(gè)按鈕，再新建一層“code”，在第2幀插入空關(guān)鍵幀，并為這一幀添加如下腳本： stop()；

圖1

右擊“添加記錄”后面的按鈕添加如下腳本：

2.2 功能界面及動(dòng)作代碼的設(shè)計(jì)

1、制作“添加記錄”

（1）在“界面”和“按鈕”層的第 3幀，各插入一個(gè)空白關(guān)鍵幀。在“界面”層用靜態(tài)文本，布置場景。在“界面”層，單擊文本工具，然后在【屬性】面板中，選擇文本類型為“輸入文本”，在場景中拖出兩個(gè)輸入文本框，在“按鈕”層的第3幀，從元件庫中把按鈕元件拖到“確認(rèn)”和“取消”字樣上。單擊選中“姓名”后面的輸入文本框，繼續(xù)在【屬性】面板中設(shè)置文本屬性，特別強(qiáng)調(diào)的是在【變量】欄中填寫“newname”。同樣的方法，對(duì)“電話”后面的輸入文本框作類似的設(shè)置（如圖2），【變量】欄中填寫“tel”。給“取消”文本上面的按鈕元件添加代碼：

圖2

圖3

（2）在“界面”圖層和“按鈕”圖層的第4幀分別添加空白關(guān)鍵幀，在“界面”圖層的第4幀添加一個(gè)文本布置場景，在“按鈕”圖層的第4幀，從元件庫中選取按鈕元件覆蓋在文本“確認(rèn)”和“返回”上面（如圖3）。同時(shí)選擇“界面”圖層和“按鈕”圖層的第4幀，單擊鼠標(biāo)右鍵，選擇【拷貝幀】。分別在兩個(gè)圖層的第10幀上添加空白關(guān)鍵幀，同時(shí)選擇“界面”圖層和“按鈕”圖層的第10幀，單擊鼠標(biāo)右鍵，選擇【粘貼幀】。把文本“添加成功”修改為“請(qǐng)輸入正確的姓名和電話！”（如圖4）。在“界面”和“按鈕”層的第8幀插入空白關(guān)鍵幀，和上面的操作類似，使用文本工具，在場景中布置畫面，“顯示記錄”中的文本框的屬性都是動(dòng)態(tài)文本，其中“姓名”欄下面的文本框【屬性】/【變量】設(shè)定為“name1”～“name16”。“電話”欄下面的文本框【屬性】/【變量】設(shè)定為“tel1”～“tel16”。在“按鈕”圖層的第8幀從元件庫中把按鈕元件拖出來覆蓋在文本上面（如圖5）。

圖4

圖5

（3）為“添加記錄”上面的按鈕添加的腳本如下：

回到第1幀，為這一幀添加幀腳本如下：

在第3幀，還沒有對(duì)“確認(rèn)”按鈕編寫腳本，現(xiàn)在就為這個(gè)按鈕添加腳本，這是比較關(guān)鍵的一個(gè)腳本。首先添加一句腳本如下：

在上面腳本的基礎(chǔ)上，繼續(xù)添加腳本如下：

繼續(xù)添寫代碼，只需要把其中的1改成2，3，4，…，16，類似地，代碼都添寫在k++;語句前面。

2、制作“更改記錄”

（1）在“界面”和“按鈕”層的第 5幀分別插入空白關(guān)鍵幀，選擇靜態(tài)文本，在場景中布置畫面，并放置按鈕。選擇文本工具后，在【屬性】面板中，選擇文本類型為“輸入文本”，在場景中拖出兩個(gè)文本框（如圖6）。

圖 6“更改記錄”場景

（2）選中上面的一個(gè)輸入文本框，在【屬性】面板中的【變量】欄中，填寫“oldname”，同樣地，選中下面的一個(gè)輸入文本框，在它的【屬性】面板中設(shè)置“Var”變量為“newtel”。

（3）鼠標(biāo)選擇“取消”按鈕，在菜單中選擇【窗口】/【開發(fā)面板】/【動(dòng)作】命令，在打開的【動(dòng)作－按鈕】面板中，添加如下腳本：

（4）為“確定”按鈕添加如下腳本：

繼續(xù)添加腳本，使判斷“oldname”與“name1”不同后，將其繼續(xù)和“name2”進(jìn)行比較。添加后的腳本如下：

類似的做法，添加腳本繼續(xù)對(duì)“oldname”進(jìn)行判斷，直到判斷到“name16”。在判斷“oldname”與“name1”、“name2”直到“name16”都不同后，就控制動(dòng)畫跳轉(zhuǎn)到第7幀，添加的腳本如下：

3、更改記錄后的畫面

（1）在“界面”和“按鈕”層的第 6幀，各插入一個(gè)空白關(guān)鍵幀。在“界面”層用靜態(tài)文本，布置場景，并在“按鈕”層布置按鈕（如圖7）。

（2）為“繼續(xù)更改”后的按鈕添加如下腳本：

（3）為“顯示記錄”后的按鈕添加如下腳本：

（4）為“退出”按鈕添加返回初始界面的腳本如下：

（5）在“界面”和“按鈕”層的第7幀插入空關(guān)鍵幀后，布置畫面和按鈕（如圖8）。

圖7

圖8

（6）接著對(duì)兩個(gè)按鈕添加控制腳本。對(duì)于“否”按鈕，讓它響應(yīng)后跳轉(zhuǎn)到初始界面，腳本與退出按鈕的腳本相同。

（7）對(duì)于“是”按鈕，它的腳本與前面添加記錄到電話簿中的“確認(rèn)”按鈕的腳本是類似的。只需將原來的“newname”替換成“oldname”，“tel”替換成“newtel”部分腳本的內(nèi)容：

到此，整個(gè)電話簿的制作就全部完成了。其時(shí)間軸如圖9?？梢园碈trl＋Enter鍵命令，預(yù)覽一下效果了。

圖9

3 結(jié)束語

本電話簿的設(shè)計(jì)主要是利用Flash文本屬性及Flash的動(dòng)作腳本完成的，設(shè)計(jì)的功能要是對(duì)電話號(hào)碼進(jìn)行記錄，并可以對(duì)記錄進(jìn)行修改，設(shè)計(jì)中還有不夠完善的地方，在今后的工作學(xué)習(xí)中筆者也將繼續(xù)加強(qiáng)電話簿設(shè)計(jì)的功能。

[1] “基于FLASH 技術(shù)的專業(yè)互動(dòng)多媒體網(wǎng)絡(luò)地圖的構(gòu)建”[J] 《武漢大學(xué)學(xué)報(bào)》.

[2] “用Flash動(dòng)作腳本實(shí)現(xiàn)下雪特效的制作”[J] 《農(nóng)業(yè)網(wǎng)絡(luò)信息》2008(4).