第2節(jié) 存儲(chǔ)及查閱信息

在此表單中,用戶可以事先往表單中添加多條信息,然后可以在所添加的信息中查找特定的信息項(xiàng),該表單的最終效果分別如圖2.1和圖2.2所示;



圖2.1 表單的輸入信息界面



圖2.2 表單的查詢信息界面

1.首先啟動(dòng)Flash,新建一個(gè)影片,設(shè)置影片舞臺(tái)大小為400px*300px(單位為象素),影片背景色為淺藍(lán)色,顏色代碼為#CCCCFF.

2.首先來制作表單中要用到的三個(gè)按鈕,分別為后退按鈕,提交按鈕和查找按鈕.此3個(gè)按鈕的制作方法相同,只是按鈕上的文字提示信息不同,這里以后退按鈕為例來說明其制作方法.
新建一個(gè)按鈕元件,命名為Back,進(jìn)入元件的編輯區(qū)后,選擇工具箱中的矩形工具,然后在圓角矩形半徑設(shè)置附加選項(xiàng)中設(shè)置圓角矩形半徑為3,矩形輪廓線顏色為白色,填充色為灰色,顏色代碼為#95AEBF,在按鈕的彈起幀繪制一個(gè)大小適中的矩形,并給其添加上文字提示信息:后退,如圖2.3所示:



圖2.3 繪制圓角矩形按鈕

然后分別在按鈕的后3幀插入關(guān)鍵幀,回到指針經(jīng)過幀,改變按鈕的填充色為淺灰色,顏色代碼為#C2D2DA,如圖2.4所示:



圖2.4 改變按鈕填充色

按照上面相同的辦法分別制作提交按鈕和查找按鈕,分別如圖2.5和圖2.6所示;



圖2.5 提交按鈕



圖2.6 查找按鈕

3.回到主場(chǎng)景中,使用文本工具在舞臺(tái)的上面居中位置繪制一個(gè)長(zhǎng)方形的文本框,在屬性面板中設(shè)置其類型為輸入文本,文本框變量名為entered,此文本框用來進(jìn)行表單信息的添加和查詢內(nèi)容的輸入,文本框的其它相關(guān)設(shè)置如圖2.7所示;



圖2.7 繪制輸入文本并設(shè)置屬性

4.同樣使用文本工具在輸入文本框下方繪制一個(gè)大的方形文本框,在屬性面板中設(shè)置文本框類型為動(dòng)態(tài)文本,文本框變量名為names,此文本框用來顯示添加到表單中的信息項(xiàng)和顯示查找結(jié)果,其它相關(guān)設(shè)置如圖2.8所示:



圖2.8 繪制動(dòng)態(tài)文本框

這里要注意的是一定要設(shè)置文本框?yàn)槎嘈酗@示,不然即使添加了多條信息,也只能顯示一條.

5.文本框設(shè)置好后,接下來在舞臺(tái)上布置一些提示信息和控制按鈕,在第1幀中如圖2.9所示布置場(chǎng)景:



圖2.9 第1幀的布局

第1幀的界面是輸入表單信息界面,其中用戶可以在最上面的輸入按鈕中輸入想添加到表單中的信息,只要按下提交按鈕就可以將信息提交到表單中,同時(shí)顯示在下面的動(dòng)態(tài)文本框中.最下面的查找按鈕用來切換輸入信息界面和查找界面,查找界面和輸入信息界面非常類似,只不過提示信息和按鈕不太相同,為了簡(jiǎn)化操作,我們可以在輸入界面的基礎(chǔ)上通過修改來制作查找界面.

6.在第2幀插入一個(gè)關(guān)鍵幀,現(xiàn)在兩幀的界面完全一樣,首先在屬性面板中修改上面的輸入文本框文本變量為nametofind,用來輸入要查找的信息內(nèi)容,同樣的修改下面的動(dòng)態(tài)文本框文本變量名為searchresults,用來顯示在表單中查找到的內(nèi)容,這里可以在里面輸入文本: 準(zhǔn)備查找……,用來在查找過程中提示用戶目前的狀態(tài),然后如圖2.10所示改變提示信息和控制按鈕:



圖2.10 設(shè)置表單的查找界面

7.在主場(chǎng)景中添加一個(gè)圖層,給圖層中的每幀都添加Action:stop();.

8.回到第1幀,給輸入界面中的提交按鈕添加如下Action:

on (release) {
namecount = Number(namecount)+1;
set("name" add namecount, entered);
temp = eval("name" add namecount);
names = names add namecount add ". " add temp add newline;
entered = "";
}
給查找按鈕添加Action; on (release) {
nextFrame();
}
//跳到第2幀,也就是切換到查詢界面

9.回到第2幀,給提交按鈕添加如下Action:

on (release) {
Index = 1;
found = false;
while (Number(Index)<=Number(namecount) and not found) {
if (eval ("name" add Index) eq nametofind) {
found = true;
searchresults = "您要找的數(shù)據(jù)在第 " add Index add newline add newline add ( Index - 1) add ". " add (eval("name" add (Index - 1))) add newline add Index add ". " add (eval("name" add Index)) add newline add ( Index + 1) add ". " add (eval("name" add (Index + 1)));
} else {
Index = Number(Index)+1;
}
}
if (Number(found) == Number(false)) {
searchresults = "沒有您要找的數(shù)據(jù)……";
}
nametofind = "";
}
給后退按鈕添加如下Action;
on (release) {
prevFrame();
}