?多媒體技術(shù)?實驗指導(dǎo)書

目錄目錄 2實驗一：聲音信號的獲取與處理 3實驗二：Photoshop的使用——圖像的根本處理 7實驗三：Photoshop的使用——圖層和通道 12實驗四：Flash的根本操作 16實驗五：Flash動畫—形狀漸變和運動漸變 19實驗六多媒體作品制作 22實驗七三維動畫的制作 56實驗八網(wǎng)頁信息的制作與發(fā)布 74實驗九Huffman編碼算法實現(xiàn) 75實驗十圖像編碼 76

實驗一：聲音信號的獲取與處理一、實驗?zāi)康暮鸵蟊緦嶒炌ㄟ^麥克風(fēng)錄制一段語音信號作為解說詞并保存，通過線性輸入錄制一段音樂信號作為背景音樂并保存。為錄制的解說詞配背景音樂并作相應(yīng)處理，制作出一段完整的帶背景音樂的解說詞。二、實驗內(nèi)容與步驟一．實驗內(nèi)容：硬件與軟件的準備目前，多媒體計算機中的音頻處理工作主要借助聲卡，從對聲音信息的采集、編輯加工，直到聲音媒體文件的回放這一整個過程都離不開聲卡。聲卡在計算機系統(tǒng)中的主要作用是聲音文件的處理、音調(diào)的控制、語音處理和提供MIDI接口功能等。進行錄制音頻信號所需的硬件除了聲卡，還有麥克風(fēng)、音箱以及外界的音源信號設(shè)備〔如CD唱機、錄音機等〕，把麥克風(fēng)、音箱、外界音源信號設(shè)備與聲卡正確連接完成硬件準備工作。在Windows的【控制面板】/【多媒體】中選擇正確的錄音和回放設(shè)備，并對其進行調(diào)試。用Windows錄音機錄制解說詞使用Windows錄音機錄制任意一段語音信號作為解說詞，錄制完畢后把文件存為Wav格式，文件名為【例如1_1】。使用CoolEdit錄制背景音樂使用CoolEdit錄制任意一段語音信號作為背景音樂，要求錄制的聲音文件,采樣頻率為44100Hz,立體聲，量化位數(shù)為16位，保存文件的為Wav格式，文件名【例如1_2】。使用WaveStuido編輯和處理背景音樂使用WaveStuido對【例如1_2】先進行回聲處理，【幅度】值為100%，【回聲延遲】為300毫秒。然后進行【淡入】和【淡出】處理，【幅度】值各為50%。使用CoolEdit進行混音處理使用CoolEdit的【Mixpaste】功能對【例如1_1】和【例如1_2】進行混音處理。把【例如1_2】參加【例如1_1】中去，編輯成為一個完整的帶背景音樂的解說詞，保存為【例如1_3】二．例如

1．用Windows錄音機錄制解說詞步驟1：首先準備一份所需錄制的材料作為解說詞。步驟2：執(zhí)行【開始】/【程序】/【附件】/【娛樂】/【錄音機】。翻開【錄音機】，單擊【錄音】按鈕開始錄音。Windows錄音機錄制音頻文件時一次能錄制的時間為60秒，當錄制時間大于60秒后，按【錄音】繼續(xù)錄制。當朗讀文章結(jié)束后,單擊【停止】結(jié)束錄音，如下圖。圖1.1windows錄音機步驟3：執(zhí)行菜單【文件】/【另存為】命令，在出現(xiàn)的【另存為】對話框中的【格式】項，選【更改】。在【選擇聲音】對話框中修改【屬性】項為【16位86KB/s】,單擊【確定】返回【另存為】對話框，選好保存的路徑，文件名存為【例如1_1】，保存類型選Wav，如圖1.2所示。圖1.2windows錄音機的保存及屬性修改這樣一個完整語音音頻文件便保存好了。

3．使用CoolEdit錄制背景音樂背景音樂可由錄音機、CD唱機等輸出的模擬音頻獲取。首先保證外界音源設(shè)備與聲卡的LineIn接口正確相連。步驟1：選擇【開始】/【程序】/【CoolEdit2000】/【CoolEdit2000】，翻開CoolEdit2000，如下圖。圖CoolEdit2000主界面

步驟2：單擊工具欄的【Record】按鈕，如下圖。圖CoolEdit2000的工具欄出現(xiàn)【NewWaveform】對話框，分別選擇【SampleRate】為44100，【Channels】為【Stereo】，【Resolution】為【16-bits】，單擊【OK】按鈕開始錄音，如下列圖。圖1.5【NewWaveform】對話框步驟3：錄音結(jié)束，單擊工具欄的【Stop】按鈕完成錄音，如下圖。步驟4：執(zhí)行【File】/【SaveAs…】，翻開保存對話框，如下圖。選擇好路徑，文件名存為【例如1_2】，保存類型選【W(wǎng)indowsPCM〔*.Wav〕】，單擊【保存】完成對音樂文件的錄制。4．使用WaveStudio編輯和處理背景音樂步驟1：翻開【例如1_2】文件，執(zhí)行【特殊】/【回聲】，設(shè)置【參加回聲】對話框。在【幅度】中添入100%，在【回聲延遲】中添入300毫秒，在【將回聲參加】中選【兩個通道】。單擊【確定】進行處理，如圖1.6所示。圖1.6【參加回聲】對話框圖1.7【淡入】對話步驟2：拖動鼠標選取聲音波形開頭的一局部，執(zhí)行【特殊】/【淡入…】,設(shè)置【淡入】對話框。在【幅度】中添入50%，【淡入】為【兩個通道】，單擊【確定】進行處理，如圖1.7所示。框

步驟3：拖動鼠標選取聲音波形結(jié)尾的一局部，執(zhí)行【特殊】/【淡出…】,設(shè)置【淡出】對話框。在【幅度】中添入50%，【淡出】為【兩個通道】，單擊【確定】進行處理，如圖1.8所示。圖1.8【淡出】對話框圖1.9【Mixpaste】對話框步驟4：保存文件，完成編輯。5．使用CoolEdit進行混音處理步驟1：翻開【例如1_1】，執(zhí)行【Edit】/【Mixpaste…】命令，翻開【Mixpaste】對話框,如下圖。1)在Volume框中，【VolumeL,R】代表左右聲道音量，假設(shè)為單聲道文件，那么只有一個聲道音量調(diào)節(jié)，假設(shè)選中【Invert】，那么文件在被粘貼前聲音數(shù)據(jù)將會顛倒。當【Lockleft/Right】被選中時，左右聲道調(diào)節(jié)鈕將被鎖定，調(diào)節(jié)時將一齊變化。2〕在合成方式框中，選定【Insert】，那么被粘貼的文件插入當前文件之中。選定【Overlap】時，那么被粘貼的文件不會取代當前文件中的選定局部，而是以選定的局部與當前文件疊加。假設(shè)被粘貼的文件比當前文件的選定局部長，那么超出范圍的局部將繼續(xù)被粘貼。選定【Replace】，那么被粘貼的聲音文件將覆蓋源文件。選定【Modulate】,那么被粘貼的聲音文件與當前文件一起調(diào)制，即將每采樣點的幅值相乘混合后輸出。激活【Crossfade】，輸入時間(ms),那么在粘貼前后粘貼的文件有一定的淡入淡出。3〕在選擇被粘貼的文件來源框中，選中【FromClipboard】表示被粘貼的文件來源于剪貼板。【FromwindowsClipboard】表示被粘貼的文件來源于Windows剪貼板。【FromFile】表示被粘貼的文件來源于新文件，單擊【SelectFile…】按鈕可選擇文件。4〕【Looppast】指粘貼文件的次數(shù)。在本實驗中設(shè)置【VolumeL,R】為90，選中【Overlap】，設(shè)置【Crossfade】值為50，選中【FromFile】，單擊【SelectFile…】選擇作為背景音樂的文件【例如1_2】,【Looppast】為1,單擊【OK】完成設(shè)置。步驟2：處理結(jié)束后，翻開【File】/【SaveAs…】，選擇好路徑，文件名存為【例如1_3】單擊【保存】，完成混音處理，如下圖。圖混音處理后的音頻文件三、思考題數(shù)字音頻通常使用的采樣率為多少？請舉出三種多媒體音頻技術(shù)中常用的存儲聲音信息的文件格式？怎樣使用WaveStudio進行混音處理？使用WaveStudio混音處理后的聲音文件如果出現(xiàn)背景音樂過大或過小的問題，如何解決此問題？實驗二：Photoshop的使用——圖像的根本處理一、實驗要求1．掌握Photoshop一些常用工具的使用2．掌握圖像的一些根本處理方法二、實驗內(nèi)容〔一〕畫筆工具使用啟動Photoshop后,單擊[文件]→[新建]命令，建立一個RGB模式的圖像。指定前景色，選擇工具箱中的畫筆工具，在菜單欄下出現(xiàn)如圖2.1所示的畫筆工具屬性欄。畫筆工具屬性欄1．在屬性欄中單擊，彈出畫筆設(shè)置對話框，指定畫筆尺寸為20px，在圖像窗口中按住鼠標左鍵拖動畫一線條，再按住鼠標左鍵后，同時按住<Shift>鍵拖動畫一線條，比擬畫出的兩線條有什么不同。2．在“不透明度〞文本框中輸入1%～100%的數(shù)值，或拖動滑塊調(diào)整不透明度，繪出以下幾種不透明度值的線條。不透明度為00%不透明度為50%不透明度為00%不透明度為50%不透明度為20%3．單擊屬性欄最右側(cè)的“畫筆壓力〞對話框。圖2.2“畫筆壓力〞對話框選擇“漸隱〞并在文本框中輸入漸隱的步長值。完成以下幾種不同漸隱選項的線條效果。大小漸隱，步長為大小漸隱，步長為40不透明漸隱，步長為40顏色漸隱，步長為40〔二〕形狀繪制工具組的使用形狀繪制工具組包括矩形、園角矩形、橢圓、多邊形、直線、自定義形狀等6種工具。1．多邊形工具的使用〔1〕單擊工具箱中的矩形按鈕不放，將顯示出如圖2.3所示的形狀繪制工具組，選擇多邊形工具，在菜單欄下出現(xiàn)多邊形工具屬性欄，如圖2.4所示。多邊形工具屬性欄〔2〕在“邊〞文本框中輸入多邊形的邊數(shù)為8，單擊按鈕，彈出“多邊形選項〞對話框，如圖2.5所示，輸入不同的縮進邊比例，繪制如圖2.6所示的多邊形。形狀繪制工具組“多邊形選項〞對話框圖2.6繪制多邊形2．直線工具使用〔1〕選擇屬性欄中的直線工具按鈕，在屬性欄的“粗細〞文本框中輸入直線的寬度，在圖像上拖動鼠標即可繪制直線。〔2〕單擊屬性欄中的按鈕，彈出“箭頭〞對話框，如圖2.7所示，選中“起點〞復(fù)選框，那么繪制線條的起點處帶箭頭；選中“終點〞復(fù)選框，那么在線條的終點處帶箭頭。在“寬度〞文本框中輸入箭頭寬度與直線寬度的比率，在“長度〞文本框中輸入箭頭與直線寬度的比率，在“凹度〞文本框中輸入-50%～50%之間的一個值以設(shè)定箭頭最寬局部的彎曲程度。設(shè)置好后按下鼠標左鍵拖動，即可畫出雙向箭頭,按<Enter>鍵確定。試著設(shè)置不同的值繪出如圖2.8所示的幾種箭頭。圖2.7“箭頭〞對話框圖2.8設(shè)置不同值繪制箭頭

3．自定義形狀工具的使用選擇屬性中的自定義形狀按鈕，單擊按鈕，彈出“自定義形狀選項〞對話框，如圖2.9所示。單擊右邊的“形狀列表〞，從中選擇一些圖形，按下鼠標拖動繪制。圖2.9“自定形狀選項〞對話框圖2.10形狀列表〔三〕選框工具組的使用使用選框工具組可以選擇四種形狀的區(qū)域：矩形、橢圓形、豎線和橫線。1．創(chuàng)立選區(qū)選擇工具箱中的矩形選框工具，出現(xiàn)如下列圖所示的工具屬性欄。〔1〕將鼠標移到圖像窗口中拖出一矩形選區(qū)，單擊添加到選區(qū)按鈕，光標變成＋+形狀，再選擇橢圓選框工具，在選區(qū)的右下方拖曳鼠標增加一個橢圓選區(qū)，如圖2.11所示。〔2〕單擊從選區(qū)中減去按鈕，在圖中拖動鼠標減少一個橢圓選區(qū)，如圖2.12所示。增加一橢圓選區(qū)減少一橢圓選區(qū)〔3〕選擇一種前景顏色，按[Alt]+[Delete]鍵填充選區(qū)。2．羽化選區(qū)〔1〕任選一圖像文件翻開，選取工具箱中的橢圓選框工具，并在屬性欄中設(shè)置羽化值為80〔可以根據(jù)需要設(shè)置〕，如圖2.13所示。在圖像上拖出一橢圓選區(qū)，如圖2.14所示。橢圓選框工具屬性欄圖2.14建立橢圓選區(qū)圖2.15羽化效果〔3〕單擊菜單[選擇]→[反選]命令。選擇背景色為白色，按[Delete]鍵，就可以得到如圖2.15所示的羽化效果。如需進一步羽化，繼續(xù)按[Delete]鍵。〔4〕將文件另存盤。〔四〕套索工具組的使用套索工具組包括套索工具、多邊形套索工具和磁性套索工具。1．自選圖片文件，選擇工具箱中的套索工具，出現(xiàn)套索工具屬性欄，如圖2.16所示。套索工具屬性欄〔1〕在圖像中選擇一起點，按住鼠標左鍵不放，沿著小狗的輪廓拖動，當鼠標指針回到起點位置時，完成圖像的選取，如圖2.17所示。單擊[編輯]→[復(fù)制]命令，復(fù)制選區(qū)中的圖像。再單擊[編輯]→[粘貼]命令，把選區(qū)中的圖像粘貼的到當前圖像文件的一個新圖層中。〔2〕選擇工具箱中的移動，將新粘貼的圖像移動到適當?shù)奈恢谩ＰЧ鐖D2.18所示。建立選區(qū)復(fù)制并粘貼選區(qū)〔3〕將文件另存盤。。〔4〕任選一圖像文件翻開，利用多邊形套索工具將其中的局部圖像選取，復(fù)制、粘貼到另一圖像中，將完成后的圖片以jpeg文件格式保存。〔五〕圖章工具組的使用圖章工具組包括橡皮圖章工具和圖案圖章工具。1．橡皮圖章工具〔1〕翻開自選文件，選擇工具箱中的橡皮圖章工具，彈出工具屬性欄，如圖2.19所示。在屬性欄中選擇一種畫筆，將鼠標移到圖像窗口，按下[Alt]鍵，此時鼠標變?yōu)樾螤睿趫D像中單擊某一位置進行定點取樣，然后將鼠標移到要復(fù)制的區(qū)域，按下鼠標左鍵，并在圖像中來回拖動，將取樣的圖像〔十字光標所在處的圖像〕復(fù)制到新的位置。圖橡皮圖章工具屬性欄〔2〕假設(shè)選中“對齊的〞復(fù)選框，那么只能復(fù)制一個固定位置的圖像，即在拖曳鼠標復(fù)制時，無論中途中斷復(fù)制多少次，都不會間斷圖像的連續(xù)性。假設(shè)不選“對齊的〞復(fù)選框，那么可以連續(xù)復(fù)制多個相同的圖像，如下圖。(a)原圖(b)使用“對齊的〞選項(c)未使用“對齊的〞選項圖使用橡皮圖章工具復(fù)制的圖像〔3〕自己再任選一幅圖像，在屬性欄中分別選擇不同的畫筆、模式和不透明度，將圖像復(fù)制到另外一幅圖像中，并觀察效果。〔4〕將文件另存盤。2．圖案圖章工具〔1〕翻開自選文件，選擇工具箱中的“矩形選框〞工具，在圖像中拖動鼠標，框選出需要定義為圖案的區(qū)域。執(zhí)行[編輯]→[定義圖案]命令，在彈出的對話框中輸入圖案的名稱，如圖2.21所示。〔2〕選擇工具箱中的圖案圖章工具，其工具屬性欄如下圖。在屬性欄中的“圖案〞列表中選擇已定義好的圖案，再將鼠標移到圖像窗口中〔或新建一圖像文件〕，按[Ctrl]+D鍵取消圖案選區(qū)，然后按住鼠標左鍵不放，來回拖動鼠標就將定義的圖案復(fù)制到新的位置了，效果如下圖。〔3〕將文件另存盤。圖定義圖案圖圖案圖章工具屬性欄(a)使用“對齊的〞選項(b)未使用“對齊的〞選項圖使用圖案圖章工具復(fù)制的圖案三、思考題1．Photoshop的工具欄上共有哪些工具，各有什么作用？2．使用哪種工具，可在圖像中選取出任意形狀的區(qū)域？實驗三：Photoshop的使用——圖層和通道一、實驗要求1．掌握圖層的概念和根本操作2．掌握通道的根本操作3．掌握常用濾鏡的使用方法和功能4．掌握路徑的根本操作二、實驗內(nèi)容〔一〕制作像框1．單擊[文件]→[新建]命令，圖像大小為640×480象素，RGB模式，背景為白色，文件名為“Picture〞。2．單擊[文件]→[翻開]命令，翻開任選一圖像文件，執(zhí)行[選擇]→[全選]，選中圖像，單擊[編輯]→[復(fù)制]命令，將圖像復(fù)制到剪切板。3．激活新建的名為“Picture〞的文件，單擊[編輯]→[粘貼]命令，這時圖層面板上就增加了圖層1。單擊[編輯]→[自由變換]命令，在對角線方向拖動控制點，將圖層1的大小調(diào)整適宜。如圖3.1所示。

圖“自由變換〞操作圖擴邊后填充選區(qū)-4．按下[Ctrl]鍵的同時，單擊圖層1，將圖層1選中。單擊[選擇]→[修改]→[擴邊]命令，寬度選22象素，選擇顏色面板中一種顏色填充，如下圖。5．單擊[濾鏡]→[紋理]→[顆粒]〔參數(shù)任意〕，給像框加一些紋理效果。6．單擊[圖層]→[圖層樣式]→[斜面浮雕]，彈出如下圖的圖層樣式對話框，設(shè)置“斜面浮雕〞效果后按[確定]。然后按下[Ctrl]+D鍵取消選區(qū)。7．接著按下[Ctrl]鍵的同時，單擊圖層1，將圖層1選中。單擊圖層面板下的按鈕，創(chuàng)立一圖層2，選擇陰影顏色進行填充。8．單擊[圖層]→[排列]→[后移一層]，將圖層2〔陰影層〕移到圖層1〔畫框?qū)印车南旅妗D層1和圖層2鏈“圖層樣式〞對話框接，如下圖。單擊[編輯]→[變換]→[斜切]，調(diào)整像框放置的角度，調(diào)好后按[Enter]鍵，效果如下圖。圖層1與圖層2鏈接調(diào)整像框角度9．取消鏈接，選中圖層2〔陰影層〕，單擊[編輯]→[自由變換]，將陰影壓縮到適宜的位置，再單擊[編輯]→[變換]→[斜切]，效果如下圖。再執(zhí)行[濾鏡]→[模糊]→[高斯模糊]，半徑取。選中背景層，填充一漸變色，單擊[濾鏡]→[紋理]→[紋理化]→[砂巖]，完成后的效果如下圖。10．將文件另存盤。

圖調(diào)整陰影層圖效果圖〔二〕制作金屬字1．單擊[文件]→[新建]命令，新建一個RGB模式的圖像，背景填色。2．選取工具箱中的[文本工具]工具，在屬性欄中設(shè)置字體、字號、顏色〔棕黃色〕等。在圖像上單擊出現(xiàn)閃動的光標，輸入“金屬字〞，單擊屬性工具欄的按鈕，確定文本的輸入。3．單擊“通道〞面板，建一Alpha1通道，文字填充白色，如下圖。4．單擊[濾鏡]→[模糊]→[高斯模糊]〔半徑取5，這時預(yù)覽中有隱約的銀色〕5．單擊[圖像]→[調(diào)整]→[曲線]，拉動曲線，調(diào)整到適當位置，如下圖。圖Alpha1通道的文字圖“曲線〞對話框7．回到圖層面板，在文字圖層上單擊鼠標右鍵，在彈出的快捷菜單中選擇[刪格化圖層]，把文字圖層轉(zhuǎn)換為普通圖層。8．單擊[濾鏡]→[渲染]→[光照效果]，彈出如下圖對話框，注意在“紋理通道〞下拉列表中一定要選擇“Alpha1”9．將文件另存盤。“光照效果〞對話框圖3.11金屬字效果〔三〕利用路徑制作郵票效果1．單擊[文件]→[新建]命令，建立一個RGB模式的圖像文件，背景填充為任意顏色。2．單擊[文件]→[翻開]命令，翻開一自選文件〔圖片最好符合郵票的比例〕。在圖片上按住鼠標左鍵拖拽復(fù)制到新建圖像文件的圖層1上，如圖3.12所示。圖3.12圖片復(fù)制到“圖層1〞3．在圖層面板上，按住[Ctrl]鍵單擊圖層1，將圖像選中。單擊[選擇]→[修改]→[擴展]命令，將選區(qū)擴大10個象素〔要根據(jù)圖像大小來定〕。在圖層1下創(chuàng)立圖層2，填充白色，如圖3.13所示。圖3.13“圖層2〞填充白色4．在圖層面板的圖層1上單擊鼠標右鍵，在彈出菜單中選擇“向下合并〞，將圖層1和圖層2合并為圖層2〔此時圖層1仍處于選中狀態(tài)〕。5．選擇路徑面板，單擊按鈕，將選區(qū)轉(zhuǎn)換為工作路徑，如圖3.14所示。圖3.14將選區(qū)轉(zhuǎn)換為工作路徑6．選擇工具箱的“橡皮擦〞工具，單擊圖3.15所示工具屬性欄中的，彈出畫筆設(shè)置對話框，如圖3.16所示，拖動滑塊調(diào)整筆觸大小及間距值。圖3.15“橡皮擦〞工具屬性欄圖3.16“畫筆〞對話框7．調(diào)整好后單擊路徑面板下方的〔用前景色描邊路徑〕按鈕，完成郵票齒孔的制作。然后按下[Shift]鍵的同時單擊路徑名〔工作路徑〕，隱藏路徑的顯示。選擇工具箱中的“文字〞工具，在郵票上添加文字內(nèi)容。8．單擊圖層面板下新建圖層按鈕，選擇矩形選框工具，沿圖片邊沿拖出一矩形選區(qū)，單擊[編輯]→[描邊]，寬度選1象素，確定后完成郵票制作，效果如圖3.17所示。9．將文件另存盤。完成的郵票效果三、思考題1．如何移動圖層及修改它的排列順序？如何合并圖層？2.Photoshop中有哪些濾鏡？在圖像處理中各有什么效果？3.金屬字的制作中用到哪些方法？4.路徑與選區(qū)的關(guān)系是什么？實驗四：Flash的根本操作一．實驗?zāi)康?．掌握繪圖工具箱的使用3．掌握時間軸、幀和層的操作4．熟悉逐幀動畫的制作方法5．學(xué)習(xí)如何建立動畫及播放動畫二．實驗內(nèi)容〔一〕Flash的工作界面在桌面上雙擊Flash圖標或在[開始]菜單的[程序]項下啟動Flash動畫制作軟件，翻開Flash窗口的同時建立一個名字為Movie1的新動畫。1．舞臺屬性的設(shè)置舞臺就是Flash窗口中的一塊空白矩形區(qū)域，制作的動畫和電影就在這塊區(qū)域中顯示和播放，通過設(shè)置舞臺的屬性可以改變舞臺的大小和背景顏色。〔1〕選擇菜單[Modify]→[Movie]項，或在舞臺上單擊右鍵，選擇快捷菜單的[MovieProperties]項，翻開如圖4.1所示的對話框。〔2〕在“MovieProperties〞對話框中，設(shè)置動畫播放速度為每秒12幀〔fps〕，畫面大小為450px*350px〔像素〕，背景顏色Background為淡蘭色，標尺的長度是像素〔Pixels〕。.〔3〕按[OK]按鈕，完成舞臺的屬性設(shè)置。舞臺屬性對話框colors欄2．繪圖工具欄箱的使用〔1〕繪制圓角矩形①從工具箱中選擇矩形工具，在工具箱的Colors欄中如圖4.2所示，分別單擊和圖標按鈕，設(shè)置矩形的邊線顏色和填充的顏色。②選擇工具箱下面Options欄中的圓角工具，在彈出的對話框中設(shè)置角度為30度。在舞臺上單擊并拖拽鼠標，繪制圓角矩形。③選擇選取工具，單擊矩形的中間填充局部，填充被選中，拖拽鼠標到舞臺任意位置，那么將邊線和填充別離。〔如果是在矩形上雙擊鼠標，那么同時選中邊線和填充。〕〔2〕繪制無填充的橢圓①選擇工具箱的圓形工具，單擊下面Colors欄中的圖標按鈕，選擇邊線顏色為紅色。單擊按鈕，點擊Colors欄底部的按鈕，那么填充圖標按鈕變?yōu)椋幱诓豢捎脿顟B(tài)。②在舞臺上單擊并拖拽鼠標，繪制橢圓框線。③在橢圓上單擊鼠標右鍵，選擇快捷菜單中的[Scale]項，圖片四周會出現(xiàn)8個控制框，可以用來調(diào)整圖片大小。3．時間軸的使用時間軸是動畫運行的主軸，通過排列各個幀和層，來完成整個動畫。在時間軸的左邊是層編輯區(qū)，右邊是幀操作區(qū)，如圖4.3所示。當制作較大動畫時，希望看到更大的舞臺場景，可以選擇菜單[View]→[Timeline]項，翻開或關(guān)閉時間軸。時間軸〔1〕層和時間軸在如圖47所示的左邊層編輯區(qū)中，可以添加層、刪除層。還可以使用三個層狀態(tài)圖標，來隱藏某些層、鎖定層或以線框模式顯示層。①選定層Layer1，單擊下面的按鈕，增加一個新層Layer2。選擇菜單[Insert]→[Layer]項，再增加一個新層Layer3。②在Layer2層上雙擊鼠標，層名處于可編輯狀態(tài)，修改層名字為“動畫〞。③單擊Layer1層名字右邊的隱藏欄和鎖定欄〔只隱藏或鎖定某一層〕，此時Layer1層被隱藏并且被鎖定，處于不可編輯狀態(tài)。如圖4.4所示。④選定Layer3層，單擊層編輯區(qū)下面的按鈕，將Layer3層刪除。隱藏和鎖定時間軸〔2〕關(guān)鍵幀和時間軸關(guān)鍵幀是用來定義動畫變化的幀，它的操作是在時間軸右邊的幀操作區(qū)中進行的。每一層的第一幀都是默認的關(guān)鍵幀，在兩個關(guān)鍵幀之間可以添加動畫命令，實現(xiàn)動畫效果。①選定Layer1層，分別單擊隱藏欄和鎖定欄，去掉隱藏和解除鎖定。②在Layer1層的第5幀上單擊鼠標，按F6鍵，插入一個新的關(guān)鍵幀。插入新幀后，前面一個關(guān)鍵幀的內(nèi)容會被復(fù)制到舞臺上，選定上面所畫的矩形和橢圓，改變它們在舞臺上的位置。在第10幀上單擊鼠標右鍵，選擇快捷菜單[InsertKeyfram]項，在第10幀的位置插入另一個關(guān)鍵幀，上一個關(guān)鍵幀的內(nèi)容又被復(fù)制到舞臺上，將矩形刪除，改變橢圓的位置。③分別單擊第1幀、第5幀、第10幀，觀察舞臺上的圖形變化。可以看到每一個關(guān)鍵幀上放置的圖形和位置都不相同，如果在這些關(guān)鍵幀之間添加動作命令，就可實現(xiàn)動畫。4．符號庫〔1〕選定Layer1層的第1幀，單擊橢圓，選擇菜單[Insert]→[ConverttoSymbol]項〔或按F8鍵〕，在彈出的符號屬性對話框中，設(shè)置符號名字為“橢圓〞，并設(shè)置符號的Behavior類型為Graphic〔圖片〕，如圖4.5所示。按[OK]按鈕，將橢圓轉(zhuǎn)換成圖片符號。〔2〕選擇菜單[Window]→[Library]項，翻開符號庫“Library〞窗口，將橢圓圖形符號拖拽到舞臺上任意位置，關(guān)閉符號庫窗口。〔建立好的圖片符號可以屢次使用〕〔3〕選擇菜單[Files]→[Import]，從外部導(dǎo)入圖片landscape.jpg或自選圖片，在桌面上會出現(xiàn)導(dǎo)入的圖片。單擊Flash窗口右下角的按鈕，翻開“Library〞窗口，查看符號庫中的圖片符號，圖片被導(dǎo)入到符號庫里。符號屬性對話框〔二〕逐幀動畫的建立和播放逐幀動畫的每一幀都是關(guān)鍵幀，所以在制作時要逐個設(shè)置關(guān)鍵幀。建立逐幀動畫后的效果圖如圖4.6所示。以洋蔥皮效果顯示逐幀動畫1．動畫的建立〔1〕翻開菜單[File]→[New]項，新建一個動畫。〔2〕選擇菜單[View]→[Grid]→[ShowGrid]項，給舞臺加網(wǎng)格。單擊右鍵選擇菜單[Grid]→[EditGrid]項，調(diào)整網(wǎng)格的大小為40px，〔3〕從工具箱中選擇橢圓工具，在舞臺上繪制一個無邊線的蘭色小圓形，并放置在一個網(wǎng)格中，便于對齊下一小圓形。〔4〕在時間軸的第2幀上單擊鼠標，按F6鍵插入一個新的關(guān)鍵幀。這時第1幀的小圓形被復(fù)制到舞臺上，將小圓形移動到原位置右邊的一個網(wǎng)格中。以同樣步驟在時間軸的第3幀到第10幀分別插入關(guān)鍵幀，并在各幀上分別將小圓形右移一格，整個動畫制作完成。〔5〕在時間軸下部單擊洋蔥皮按鈕，使各幀以洋蔥皮方式透明的顯示出來。〔6〕選擇菜單[File]→[Save]項，將動畫以文件名保存。2．播放動畫〔1〕直接在舞臺上觀看動畫：按[Enter]鍵可看到動畫效果，再次按[Enter]鍵停止播放。〔2〕在獨立播放器中觀看動畫：按[Ctrl]+[Enter]鍵或選擇菜單[Control]→[TestMovie]項，那么翻開獨立播放器播放動畫。同時會產(chǎn)生一個和源文件名字相同但是swf格式的動畫文件，名字為Frame.swf，并保存在和源文件相同的文件夾中。三、思考題1．時間軸的度量單位是什么？2．關(guān)鍵幀的作用是什么？2．將圖形轉(zhuǎn)換成符號庫中的圖片符號時，類型除了有Grahpic之外，還有什么類型？實驗五：Flash動畫—形狀漸變和運動漸變一．實驗?zāi)康?．掌握形狀漸變的制作方法2．熟悉從外部導(dǎo)入圖片的操作3．掌握運動漸變的制作4．熟悉圖片符號的建立方法

二．實驗內(nèi)容〔一〕小球到花朵的形狀漸變形狀漸變是讓一種形狀隨時間變化成另一種形狀，如圖5.1所示，是從小球變換成花朵。小球到花朵的形狀漸變操作方法如下：1．建立一個新動畫。在舞臺上單擊鼠標右鍵，選擇快捷菜單[MovieProperties]項。在彈出的“MovieProperties〞對話框中設(shè)置舞臺屬性為500*300像素，背景為黑色，速率12。2．選定時間軸上layer1層的第1幀，從工具箱中選擇橢圓工具，在下面的colors中取消邊線顏色，設(shè)置填充顏色為綠色球形，在舞臺上繪制一個沒有邊線的小球。然后拖動小球到舞臺的最左邊。3．在時間軸第40幀上單擊右鍵，選擇菜單[InsertKeyframe]項或按F6，插入關(guān)鍵幀。4．選中第40幀，選擇菜單[Files]→[Import]項，從外部導(dǎo)入圖片flower11.jpg或自選圖片。5．在Flash窗口右下角，單擊按鈕，翻開“Library〞窗口，將導(dǎo)入的圖片符號拖動到舞臺中。選定圖片單擊右鍵，選擇菜單項[Scale]，在圖片四周出現(xiàn)8個控制框，可以用來調(diào)整圖片大小，將圖片調(diào)整到適宜大小后，拖動圖片到舞臺的最右邊。6．在舞臺上單擊鼠標右鍵，選擇菜單[SelectAll]，同時選定小球和花朵圖片。在小球圖片上單擊鼠標右鍵，選擇菜單[Panels]→[Align]或按Ctrl+K鍵，翻開“Align〞(對齊)對話框，將圖形對齊。再將第1幀的小球圖片刪除。7．選定花朵圖片，選擇菜單[Modify]→[BreakApart]項，打散圖片才可進行形狀變換。8．在第1幀上單擊鼠標右鍵，選擇菜單[Panels]→[Frame]，在“Frame〞對話框的Tweening下拉菜單中選擇Shape項，如圖5.2所示，添加形狀漸變。圖5.2用Frame面板設(shè)置遮罩9．動畫制作完成。按Ctrl+Enter鍵，可以觀看動畫效果。10．將文件以文件名保存到D盤上的FLASH文件夾中。產(chǎn)生的文件也保存在與源文件相同的文件夾下。〔二〕小球跳動的運動漸變運動漸變實際是在兩個關(guān)鍵幀之間建立變化關(guān)系，如圖5.3所示，是小球的彈跳運動。圖5.3小球的運動變化操作方法如下：1．建立一個新的FLASH文檔，并雙擊時間軸上的layer1層，重命名為“地面〞層。2．選擇地面層的第1幀，使用矩形工具在舞臺下部繪制矩形作為地面。選定第30幀，按F6鍵插入關(guān)鍵幀。單擊地面層上的鎖，將地面層鎖定，如圖5.4所示。圖5.4時間軸的鎖定3．新建一個層，命名為“球〞層。4．選定球?qū)拥牡?幀，選擇工具箱中的橢圓工具，在舞臺上畫一個無填充的小球。5．選定小球，選擇菜單[Insert]→[ConverttoSymbol]項，在彈出的對話框中，設(shè)置符號名字“ball〞，并設(shè)置符號的Behavior為Graphic。將小球轉(zhuǎn)換成圖片符號，如圖5.5所示。圖5.5圖片符號的設(shè)置6．拖動小球符號到舞臺左邊適當?shù)奈恢茫x定球?qū)拥臅r間軸第30幀，按F6插入一個關(guān)鍵幀。選中第30幀，將第1幀的小球圖片拖動到舞臺的右邊適當?shù)奈恢谩?．在球?qū)拥?幀上單擊鼠標右鍵，選擇菜單[CreateMotionTween]，添加運動漸變。8．在球?qū)拥牡?5幀的位置按F6鍵插入一個關(guān)鍵幀。選中第15幀，按住Shift鍵，將第15幀的小球在垂直方向拖動到貼近地面。9．動畫制作完成。按Ctrl+Enter鍵，可以觀看動畫效果。10．將文件以文件名ballj保存。產(chǎn)生的文件也保存在與源文件相同的文件夾下。三、思考題1．形狀漸變與運動漸變的區(qū)別是什么？2．如果要使一個圖片能發(fā)生形狀漸變要先將圖片做何處理？3．如何制作小球從右向左跳動的動畫？

實驗六多媒體作品制作一、實驗?zāi)康?(1)熟悉Authorware6的使用環(huán)境。 (2)掌握顯示、移動、擦除、等待、交互、組、框架圖標的根本用法。 (3)掌握變量和函數(shù)的根本用法進行多媒體編程。二、實驗環(huán)境 1.硬件環(huán)境 IntelPentium450或以上級別CPU，大于128M的內(nèi)存。 2.軟件環(huán)境 Windows98/ME/2000/XP操作系統(tǒng),Authorware6中文版。三、實驗知識準備 1．Authorware概述在各種多媒體應(yīng)用軟件的開發(fā)工具中，Macromedia公司推出的多媒體制作軟件Authorware是不可多得的開發(fā)工具之一。它使得不具有編程能力的用戶也能創(chuàng)作出一些高水平的多媒體作品。Authorware采用面向?qū)ο蟮脑O(shè)計思想，是一種基于圖標〔Icon〕和流線〔Line〕的多媒體開發(fā)工具。它把眾多的多媒體素材交給其他軟件處理，本身那么主要承當多媒體素材的集成和組織工作。Authorware操作簡單，程序流程明了，開發(fā)效率高，并且能夠結(jié)合其他多種開發(fā)工具，共同實現(xiàn)多媒體的功能。它易學(xué)易用，不需大量編程，使得不具有編程能力的用戶也能創(chuàng)作出一些高水平的多媒體作品，對于非專業(yè)開發(fā)人員和專業(yè)開發(fā)人員都是一個很好的選擇。〔1〕面向?qū)ο蟮目梢暬幊獭＿@是Authorware區(qū)別于其他軟件的一大特色，它提供直觀的圖標流程控制界面，利用對各種圖標邏輯結(jié)構(gòu)的布局，來實現(xiàn)整個應(yīng)用系統(tǒng)的制作。它一改傳統(tǒng)的編程方式，采用鼠標對圖標的拖放來替代復(fù)雜的編程語言。〔2〕豐富的人機交互方式。提供11種內(nèi)置的用戶交互和響應(yīng)方式及相關(guān)的函數(shù)、變量。人機交互是評估課件優(yōu)劣的重要尺度。〔3〕豐富的媒體素材的使用方法。Authorware具有一定的繪圖功能，能方便地編輯各種圖形，能多樣化地處理文字。Authorware為多媒體作品制作提供了集成環(huán)境，能直接使用其他軟件制作的文字、圖形、圖像、聲音和數(shù)字電影等多媒體信息。對多媒體素材文件的保存采用三種方式，即：保存在Authorware內(nèi)部文件中；保存在庫文件中；保存在外部文件中，以鏈接或直接調(diào)用的方式使用，還可以按指定的URL地址進行訪問。〔4〕強大的數(shù)據(jù)處理能力。利用系統(tǒng)提供的豐富的函數(shù)和變量來實現(xiàn)對用戶的響應(yīng)，允許用戶自己定義變量和函數(shù)。 2．操作界面同許多Windows程序一樣，Authorware具有良好的用戶界面。Authorware的啟動、文件的翻開和保存、退出這些根本操作都和其它Windows程序類似。下面僅介紹Authorware特有的菜單和工具欄。〔1〕菜單欄Insert〔插入〕菜單：用于引入知識對象、圖像和OLE對象等。Modify〔修改〕菜單：用于修改圖標、圖像和文件的屬性，建組及改變前后景的設(shè)置等。Text〔文本〕菜單：提供豐富的文字處理功能，用于設(shè)定文字的字體、大小、顏色、風(fēng)格等。Control〔控制〕菜單：用于調(diào)試程序。Xtras〔特殊效果〕菜單：用于庫的鏈接及查找顯示圖標中文本的拼寫錯誤等。Command〔命令〕菜單：這是Authorware6新增的菜單，里面有關(guān)于Authorware的相關(guān)內(nèi)容，還有RTF編輯器和查找Xtras等內(nèi)容。Window〔窗口〕菜單：用于翻開展示窗口、庫窗口、計算窗口、變量窗口、函數(shù)窗口及知識對象窗口等。Help〔幫助〕命令：從中可獲得更多有關(guān)Authorware的信息。 〔2〕常用工具欄常用工具欄是Authorware窗口的組成局部，其中每個按鈕實質(zhì)上是菜單欄中的某一個命令，由于使用頻率較高，被放在常用工具欄中，熟練使用常用工具欄中的按鈕，可以使工作事半功倍。〔3〕圖標工具欄圖標工具欄在Authorware窗口中的左側(cè)，如圖，包括13個圖標、開始旗、結(jié)束旗和圖標調(diào)色板，是Authorware最特殊也是最核心的局部。顯示〔Display〕圖標：Authorware中最重要、最根本的圖標，可用來制作課件的靜態(tài)畫面、文字，可用來顯示變量、函數(shù)值的即時變化。動畫〔Motion〕圖標：與顯示圖標相配合，可制作出簡單的二維動畫效果。擦除〔Erase〕圖標：用來去除顯示畫面、對象。等待〔Wait〕圖標其作用是暫停程序的運行，直到用戶按鍵、單擊鼠標或者經(jīng)過一段時間的等待之后，程序再繼續(xù)運行。導(dǎo)航〔Navigate〕圖標：其作用是控制程序從一個圖標跳轉(zhuǎn)到另一個圖標去執(zhí)行，常與框架圖標配合使用。框架〔Framework〕圖標用于建立頁面系統(tǒng)、超文本和超媒體。決策〔Decision〕圖標：其作用是控制程序流程的走向，完成程序的條件設(shè)置、判斷處理和循環(huán)操作等功能。交互〔Interaction〕圖標：用于設(shè)置交互作用的結(jié)構(gòu)，以到達實現(xiàn)人機交互的目的。計算〔Calculation〕圖標：用于計算函數(shù)、變量和表達式的值以及編寫Authorware的命令程序，以輔助程序的運行。群組〔Map〕圖標：是一個特殊的邏輯功能圖標，其作用是將一局部程序圖標組合起來，實現(xiàn)模塊化子程序的設(shè)計。電影〔DigitalMovie〕圖標：用于加載和播放外部各種不同格式的動畫和影片，如用3DStudioMAX、QuickTime、MicrosoftVideoforWindows、Animator、MPEG以及Director等制作的文件。聲音〔Sound〕圖標：用于加載和播放音樂及錄制的各種外部聲音文件。視頻〔Video〕圖標：用于控制計算機外接的視頻設(shè)備的播放。開始〔Start〕旗：用于設(shè)置調(diào)試程序的開始位置。結(jié)束〔Stop〕旗：用于設(shè)置調(diào)試程序的結(jié)束位置。圖標調(diào)色板〔IconColor〕：給設(shè)計的圖標賦予不同顏色，以利于識別。〔4〕程序設(shè)計窗口程序設(shè)計窗口是Authorware的設(shè)計中心，Authorware具有的對流程可視化編程功能，主要表達在程序設(shè)計窗口的風(fēng)格上。程序設(shè)計窗口如圖，其組成如下：標題欄：顯示被編輯的程序文件名。主流程線：一條被兩個小矩形框封閉的直線，用來放置設(shè)計圖標，程序書執(zhí)行時，沿主流程線依次執(zhí)行各個設(shè)計圖標。程序開始點和結(jié)束點兩個小矩形，分別表示程序的開始和結(jié)束。粘貼指針：一只小手，指示下一步設(shè)計圖標在流程線上的位置。單擊程序設(shè)計窗口的任意空白處，粘貼指針就會跳至相應(yīng)的位置。Authorware的這種流程圖式的程序結(jié)構(gòu)，能直觀形象地表達教學(xué)思想、反映程序執(zhí)行的過程，使得不懂程序設(shè)計的人也能很輕松地開發(fā)出漂亮的多媒體程序。 〔1〕顯示圖標根本功能 顯示〔Display〕圖標是Authorware中最重要、最根本的圖標，可用來制作課件的靜態(tài)畫面、文字，可用來顯示變量、函數(shù)值的即時變化。 〔2〕在顯示圖標中插入圖片①向設(shè)計窗口中一個顯示圖標，雙擊顯示圖標，翻開展示窗口；②選菜單“插入→圖象〞，在彈出的圖象屬性對話框中單擊“導(dǎo)入〞，出現(xiàn)輸入圖像對話框，導(dǎo)入需要的圖片文件。〔提示：導(dǎo)入圖片時可以選擇“顯示瀏覽〞以看到圖片的縮略圖；選擇“鏈接到文件〞可使圖片以鏈接方式導(dǎo)入程序中，這樣可以在程序打包后在外部更改圖片文件〕。③調(diào)整圖片在展示窗口中的位置與大小。 〔3〕繪圖工具箱中的工具 指針工具：選擇一個或多個對象，單擊展示窗口的一個對象可選擇該對象，要選擇多個對象可以通過拖動矩形區(qū)域或按住Shift鍵逐個單擊。雙擊指針工具可翻開覆蓋模式面板。 文本工具：在展示窗口輸入文字或編輯以前輸入的文字。字體、字號等工程在文本菜單中設(shè)置 直線工具：繪制水平、垂直、45度方向的直線。雙擊直線工具可翻開線形選擇面板。 斜線工具：繪制任意斜度的直線。雙擊斜線工具可翻開線形選擇面板。 橢圓工具：繪制橢圓或正圓。雙擊橢圓工具可翻開調(diào)色板。 矩形工具：繪制矩形或正方形。雙擊矩形工具可翻開填充模式面板。 圓角矩形工具：繪制圓角矩形。雙擊圓角矩形工具可翻開填充模式面板。 折線工具：單擊繪制折線，雙擊結(jié)束操作。雙擊折線工具可翻開填充模式面板。其它面板如下列圖： 〔4〕在顯示圖標中書寫文字及文字設(shè)置 ①在繪圖工具箱中選擇“文本編輯〞按鈕，鼠標指針為“I〞形，在展示窗口中單擊，進入文本編輯狀態(tài)，如圖。 ②選中需要更改格式的文字或整個文字框，菜單中選擇“文本→字體/大小/風(fēng)格/對齊方式/取消鋸齒等〞 〔5〕在顯示圖標中繪制簡單圖形參考第三點，Authorware提供的是強大的媒體集成功能，而不是什么繪圖軟件，所以，繪圖功能比擬薄弱， 〔6〕顏色調(diào)整中需要說明的問題Authorware中顯示圖標中的文字與繪制的簡單圖形的顏色調(diào)整，請注意“前景色、背景色、填充色〞的區(qū)別。 〔7〕設(shè)置覆蓋模式雙擊指針工具可翻開覆蓋模式面板。Authorware提供覆蓋、遮隱、透明、反轉(zhuǎn)、擦除、Alpha幾中方式。 四、實驗內(nèi)容 1、圖片瀏覽制作學(xué)習(xí)要點：顯示圖標(Display)與顯示過渡效果、擦除與擦除過渡。完成后流程圖： 制作步驟： 〔1〕向設(shè)計窗口中拖入計算圖標，翻開計算圖標，輸入ResizeWindow(320,240) ResizeWindow(320,240)的意思是將程序的窗口大小設(shè)置為320*240。 〔2〕向設(shè)計窗口中拖入顯示圖標，導(dǎo)入一張圖片〔方法見上一節(jié)〕。調(diào)整圖片的大小與在展示窗口中的大小。 〔3〕翻開顯示圖標屬性窗口 方法一：鼠標選擇顯示圖標，菜單中選擇“修改→圖標→屬性〞； 方法二：鼠標右鍵單擊顯示圖標，彈出的菜單中選擇“屬性〞； 方法三：按住Ctrl鍵，鼠標雙擊顯示圖標。 〔4〕按“特效〞后的，翻開顯示過渡效果窗口，選擇適當?shù)倪^渡效果，周期指完成過渡過程花費的時間。〔也可以右鍵單擊顯示圖標，選擇“過渡〞〕 〔5〕向設(shè)計窗口中拖入等待圖標，翻開等待圖標屬性窗口，設(shè)置等待屬性。事件中的單擊鼠標指單擊鼠標完成等待，繼續(xù)下面的程序運行；按任意鍵指按鍵盤上的任意鍵完成等待；時限指經(jīng)過時限給定的時間后自動完成等待〔單位為秒〕。選項中的顯示倒記時指等待過程中在展示窗口上顯示一個倒記時小鐘；顯示按鈕指在展示窗口上顯示一個“繼續(xù)〞按鈕，當用鼠標單擊該按鈕時可完成等待過程。 技巧：時限中輸入系統(tǒng)變量IconTitle可使等待時限與該等待圖標名稱相同，這可程序設(shè)計帶來方便。 〔6〕導(dǎo)入另一圖片到第二個顯示圖標，方法略。 〔7〕先翻開第1個顯示圖標，然后拖動一個擦除圖標到流程線上，雙擊翻開擦除圖標，選擇圖標選項卡，在“列表〞中選擇“刪除圖標〞，然后在展示窗口中單擊要擦除的內(nèi)容。注意：可翻開多個顯示圖標擦除多個對象，但是同一顯示圖標中有多個對象時不能擦除某個而保存另一對象。如果選擇“保存圖標〞，那么選擇的圖標是將被保存的顯示內(nèi)容，其他的所有前面顯示的內(nèi)容將被擦除。 〔8〕在刪除圖標屬性中選擇“擦除〞選項卡，設(shè)置擦除圖標的擦除過渡效果，具體方法同顯示過渡設(shè)置。 〔9〕按上面的添加其他幾個圖標，方法同上。 〔10〕運行整個程序。菜單“調(diào)試→播放〞或在常用工具欄中選擇播放按鈕。 程序設(shè)計說明： 這是一個完全順序的程序結(jié)構(gòu)，運行時按程序設(shè)計窗口中的順序播放，先是顯示第一幅圖片，然后按第一個等待圖標所設(shè)置的時間后顯示第二幅圖片，第二幅圖片完全顯示〔或者說是“過渡〞效果完成〕后擦除第一幅圖片。當然，根據(jù)需要也可以先擦除第一幅圖片后顯示地二幅圖片。〔可以用鼠標拖動流程線上的圖標以改變其順序〕。如此繼續(xù)后面的過程…….. 2、移動標題文字的制作學(xué)習(xí)要點：顯示圖標(Display)、移動圖標(Motion)、文本輸入與格式化、文字和圖像的顯示模式 完成后流程圖: 制作步驟： 〔1〕向設(shè)計窗口中依次拖入兩個顯示圖標(Display)，并命名如上圖所示。關(guān)于前面的"初始化"計算圖標的設(shè)置同前例，不再說明。 〔2〕雙擊"背景圖"顯示圖標(Display)，翻開程序展示窗口(PresentationWindow)，這個窗口就是最終用戶看到的窗口。 〔3〕單擊工具欄上的"導(dǎo)入"工具，出現(xiàn)輸入圖像對話框。輸入一張背景圖片。 〔4〕雙擊"文字"顯示圖標(Display)，選擇"文本編輯"按鈕，鼠標指針為"I"形，在展示窗口中單擊，進入文本編輯狀態(tài)，如圖。輸入文字。這時運行程序?qū)⒖赡艹霈F(xiàn)如上右圖的情況，即文字下面有一白色背景，這是因為圖片和文字對象有六種顯示模式。雙擊指針工具可翻開覆蓋模式面板。Authorware提供覆蓋、遮隱、透明、反轉(zhuǎn)、擦除、Alpha幾中方式。選擇透明模式便可消除背景。 〔5〕向設(shè)計窗口中依次拖入一個移動圖標(Motion)，雙擊"移動文字"移動圖標(Motion)，彈出移動設(shè)置對話框。用鼠標點一下剛剛輸入的文字，可以在下列圖的左上方預(yù)覽窗口中看到要設(shè)置移動的對象。在移動圖標屬性調(diào)整窗口中的類型選項中選擇"指向固定點"，然后，將展示窗口中的文字拖動到另外一個位置。一個移動的標題文字就做成了。按“Ctrl+R〞運行試試。 〔6〕移動圖標設(shè)置說明 A：移動選項卡 指向固定點——移動圖標的缺省項，運行時被移動對象由起點沿直線到設(shè)定的終點。 指向固定直線上的某點——設(shè)置運動起點與終點，但運行時允許用變量調(diào)整運動的實際結(jié)束位置。 指向固定區(qū)域內(nèi)的某點——設(shè)置移動對象的起點與終點位置，運行時實際運動的終點為以這兩點為對角線的矩形區(qū)域中的一個用坐標確定的點，這里的坐標可以是定點，也可以是由變量確定。 指向固定路徑的終點——與指向固定點不同的是運動路徑允許是曲線的。指向固定路徑上的某點——設(shè)置運動的起點以及沿曲線到某終點，實際運行時允許用變量調(diào)整實際結(jié)束的位置。 層——通過層次設(shè)置可以使移動對象在某顯示圖標上，同時又在另一顯示圖標下運動。這與顯示圖標本身的層次設(shè)置相似。 計時——有兩個選項，"時間"與"速率"，選擇"時間"時，下面的文本框中的數(shù)值是完成運動所需要的時間；選擇"速率"時，下面的文本框中輸入的數(shù)值表示運動的快慢，注意是"秒/英寸"，數(shù)值越大，速度越慢。 執(zhí)行方式——"等待直到完成"即完成移動過程后再繼續(xù)后面的圖標運行；"同時"指開始移動的同時繼續(xù)該移動圖標后的圖標運行。 B：版面布局選項卡 對于不同的移動類型有不同的選項，本例中不調(diào)整。其具體調(diào)整方法參見其他例如程序。〔7〕如果覺得移動的位置不太適宜，可以再仔細調(diào)整一下。 技巧提示： a、在雙擊一個顯示圖標，對其中內(nèi)容編輯后，按住"Shift"再翻開另一個顯示圖標，可同時看到兩顯示圖標的內(nèi)容，這樣有利于在不同圖標中圖像或文字的相對定位。 b、可以調(diào)試程序時，遇到?jīng)]有設(shè)置內(nèi)容的圖標會停下來，移動圖標中移動的對象，可以先不設(shè)置，在調(diào)試自動停下時，再進行選擇，要方便一些。 c、按住"Ctrl"再雙擊圖標，可翻開其屬性對話框，對其進行設(shè)計。 d、程序運行時，雙擊某個對象，也可以使程序暫停下來，對其進行編輯。 e、不拖圖標到設(shè)計窗口，而是直接導(dǎo)入文件，Authorware會自動判斷文件類型，并在流程線上加上相應(yīng)的圖標，圖標名就是文件名。 f、在各種對話框中輸入數(shù)字時，輸入法必須為英文狀態(tài)。 3、圖片選擇制作學(xué)習(xí)要點：交互圖標的使用交互性：如果一個多媒體片段具有雙向的信息傳遞方式，即不僅可以向用戶演示信息，同時也允許用戶向片段傳遞控制信息，那么我們說這樣的多媒體片段就具有交互性。完成后流程圖： 制作步驟： 〔1〕向設(shè)計窗口中拖入一個顯示圖標，命名為"底圖"，翻開該顯示圖標，通過矩形工具繪制一矩形圖案。翻開覆蓋模式窗口，設(shè)置為不透明，翻開顏色調(diào)板，設(shè)置背景色為白色。 〔2〕向設(shè)計窗口中拖入一個交互圖標，命名“按鈕選擇〞。拖動一個顯示圖標到交互圖標右側(cè)放開鼠標左鍵，這時彈出“交互類型〞對話框。其中有11種交互響應(yīng)類型，默認類型為"按鈕響應(yīng)，我們這里取默認值。然后將其命名為“第一張〞。 先翻開"背景"顯示圖片，按住Shift并用鼠標雙擊翻開名為"第一張"的顯示圖標〔技巧：這樣做的目的是在不關(guān)閉前一張顯示圖標的情況下翻開下一張顯示圖標以方便圖片的調(diào)整〕，導(dǎo)入一張圖片，本例中導(dǎo)入一計算機圖片。 〔3〕交互圖標繼續(xù)添加交互分支，也是顯示圖片，方法同上。分別命名為"第二張"與"第三張"。〔新增加的交互分支如果其前有交互分支，那么系統(tǒng)將按前一分支的屬性設(shè)置新增加的交互分支屬性，不再彈〞交互類型"對話框，如果需要選擇其它的交互類型那么用鼠標雙擊如下列圖響應(yīng)類型標志〕 〔4〕拖動一個計算圖標作為交互的第四個分支，命名為"退出"，翻開計算圖標，輸入"quit(1)"。保存并關(guān)閉該計算圖標。說明：quit()是Authorware的一個系統(tǒng)函數(shù)Quit([option])Quit函數(shù)退出文件。參數(shù)選項如表：0(缺省值)退出Authorware回到程序管理器(Windows3.1)或桌面(Windows95,98.NT4.0)。如果當前的Authorware文件是從另一個Authorware文件跳轉(zhuǎn)來的，那么回到原來的Authorware文件。1退出Authorware回到程序管理器(Windows3.1)或桌面(Windows95,98.NT4.0)2重啟動Windows(Windows95,98.NT4.0)或返回DOS(Windows3.1)3關(guān)閉Windows(Windows95,98.NT4.0)或退出Authorware回到程序管理器(Windows3.1)用法：在文件的結(jié)尾把Quit放在一個計算圖標中或一個永久按鈕中,用戶就可以隨時退出文件。QuitRestart在退出后讓用戶選擇重啟動或取回文件。 〔5〕翻開交互圖標，調(diào)整按鈕的大小及位置。 技巧提示： a、按住"Shift"鍵，可同時選中多個對象。比方：同時選擇這四個按鈕。 b、對齊多個對象，可以在先選中多個對象后使〞修改">>"排列"命令，翻開對齊面板。 〔６〕運行測試整個程序。4、用戶審核制作 學(xué)習(xí)要點：交互圖標的使用，掌握文本交互、等待時限、嘗試次數(shù)、條件交互的用法。 制作步驟： 〔1〕在流程線上增加名為"開始"的顯示圖標，寫如下文字，并調(diào)整好格式。 〔2〕在流程線上增加名為"提示"的顯示圖標，輸入"{TS}"，確認后系統(tǒng)自動彈出"新建變量"對話框，要求為變量"TS"輸入其初始值。注意：Authorware中有系統(tǒng)變量與自定義變量兩種形式的變量，這里是用戶根據(jù)程序編寫的需要而設(shè)置的變量。變量是對應(yīng)于常量而言的，允許在程序運行中為根據(jù)需要為自定義變量賦值。我們?yōu)檫@個自定義變量賦初值"請輸入用戶名，你有三次時機！〔用戶名：gui〕"。設(shè)置這個顯示圖標的屬性為"更新變量顯示"。〔這樣的目的是當這個顯示圖標中的變量的值發(fā)生改變時將自動更新顯示內(nèi)容。〕 〔3〕拖動一個交互圖標到流程線上，命名為"輸入用戶名"。并為這個交互圖標增加兩個文本輸入交互和一個嘗試次數(shù)限制共三個交互分支。〔前面提到過如何設(shè)置交互類型，當前面已經(jīng)存在交互分支時，繼續(xù)增加交互分支時系統(tǒng)將沿用前面的響應(yīng)類型，可以通過雙擊響應(yīng)類型按鈕改變其類型，也可以將新增的交互放在前面，設(shè)置好類型后在拖動到其他交互分支后面。〕 〔4〕將第一個文本輸入響應(yīng)的圖標名稱設(shè)置為"gui"，其下面的計算圖標內(nèi)輸入"YH:=EntryText"〔說明：文本輸入響應(yīng)的分支圖標名即這個分支的匹配字符串，換句話說，當程序運行到這里時會出現(xiàn)一個文本輸入框，當輸入的字符串與圖標名相同〔匹配〕時將進入下面的分支。EntryText是一個系統(tǒng)變量，該變量存放用戶最后一次交互中最后一次響應(yīng)的文本，這里將自定義變量"YH"的值設(shè)置為與這個系統(tǒng)變量相同〕 〔5〕將第二個文本輸入響應(yīng)的圖標名稱設(shè)置為"*"，其下面的計算圖標內(nèi)輸入"TS:="錯誤的用戶名，請核對后再試！""〔說明：設(shè)置圖標名稱為"*"的目的是使任何輸入都與之相匹配，有點象通配符。由于Authorware是從左向右依次檢測是否匹配，所以當用戶輸入"gui"時并不會進入這個分支，因為它已經(jīng)與前一個分支相匹配，不再檢測之后的分支。〕文本輸入響應(yīng)中的文本框的格式設(shè)置方法為：翻開交互圖標，可在展示窗口中看到如下列圖的文本框標志，可以移動文本框位置，雙擊文本框出現(xiàn)"交互文本作用字段屬性"對話框，在文本選項卡中可以調(diào)整文本格式。雙擊交互分支上的響應(yīng)類型按鈕，翻開文本輸入響應(yīng)的屬性設(shè)置〔如下列圖〕模式：這與圖標名是相同的，即是匹配的字符串。最低匹配：匹配給定的"字數(shù)"時就認為已經(jīng)匹配，這里的字應(yīng)該認為是單詞。比方："guisongtao"是三個字。忽略大小寫：指大寫小寫等同忽略所有空格：指不記字符串中空格忽略附加單詞：指輸入的內(nèi)容有多時仍然匹配忽略附加符號：指允許有多余的標點符號忽略單詞順序：指字符串中的單詞順序不同但內(nèi)容相同時匹配總之，忽略的越多，越容易到達匹配。 〔6〕交互的第三個分支是一個嘗試次數(shù)限制的響應(yīng)類型，其屬性中的"嘗試次數(shù)"指的是在這個交互圖標中完成限定的嘗試次數(shù)后將自動進入這個嘗試次數(shù)限制的分支。本例中設(shè)置為"3"，即當三次輸入用戶名均錯誤時將自動進入本交互分支。這個嘗試次數(shù)限制的交互分支上是一個群組圖標，這樣的原因是交互圖標的每個分支上只允許有一個圖標，而我們在這個分支下試圖設(shè)置多個圖標，所以只能使用群組圖標。這在設(shè)計決策圖標與框架圖標時也必須這樣。翻開這個名為"次數(shù)限制"的群組圖標，注意，這時增加了一個程序設(shè)計窗口，窗口右上角有"層2"字樣，表示這是在根本的程序設(shè)計窗口上的一個群組圖標中的內(nèi)容，同樣的，如果在這個群組圖標中還包含群組圖標，那么翻開它時將出現(xiàn)"層3"字樣。在這個群組圖標中增加如下列圖的三個圖標計算圖標"提示"中輸入"TS:="三次都沒有輸入正確，你不是合法用戶！系統(tǒng)自動將關(guān)閉！""。當程序運行到這里時，自定義變量被重新賦值。變量值變化后將自動重新顯示〔這個變量顯示在程序的開始局部，雖然并沒有再次經(jīng)過那個圖標，但是由于前面將它設(shè)置為了"更新變量顯示"，所以，這里的變量值變化將表達出來。〕等待圖標設(shè)置為等待3秒計算圖標"退出"中輸入"Quit()"，這樣當三次輸入用戶名均錯誤時將關(guān)閉本程序。 〔7〕交互分支方式設(shè)置：雙擊交互分支上的響應(yīng)類型按鈕，翻開交互屬性對話框，選中"交互"選項卡，如下列圖：將第一個文本輸入響應(yīng)的"分支"屬性設(shè)置為"退出交互"。這樣，當匹配這一分支時，程序?qū)⑼顺霰窘换ァ⒌诙€文本輸入響應(yīng)的"分支"屬性設(shè)置為"繼續(xù)"。這樣，當匹配這一分支時，程序?qū)⒒氐浇换D標，等待再次輸入。到此為止，程序完成了用戶名輸入，當輸入的用戶名為"gui"時，進入下面的程序，當錯誤三次后，系統(tǒng)提示用戶"三次都沒有輸入正確，你不是合法用戶！系統(tǒng)自動將關(guān)閉！"，三秒后程序自動關(guān)閉〔卸載〕。 〔8〕在流程線上新增加一個交互圖標，命名為"輸入密碼"。用鼠標右鍵點擊該交互圖標，選擇"計算"，翻開一個代碼輸入窗口，在其中輸入"TS:="請輸入密碼，你有三次時機。"^"已經(jīng)輸入"^(N-1)^"次。"^"密碼：st""。〔說明：這是設(shè)置代碼的一種方式，根據(jù)情況我們可以選擇直接增加計算圖標或其他圖標"附加計算"的方式。圖標上附加計算等同與在這個圖標前增加一個計算圖標〕為交互圖標添加一個文本輸入響應(yīng)和一個時間限制響應(yīng)分支。文本輸入響應(yīng)圖標名為"*"，即任何輸入均匹配，下面的計算圖標也是一個賦值語句"MM:=EntryText"，分支類型設(shè)置為"退出交互"。時間限制交互的屬性設(shè)置為"5秒"〔如何翻開屬性窗口，同前〕，這個分支依然是一個群組圖標，里面的內(nèi)容與前面的嘗試次數(shù)限制根本相同，計算圖標"提示"中是"TS:="超過規(guī)定的時間，3秒后退出！""，提示用戶超過3秒依然沒有完成一次密碼輸入。等待3秒后用另一計算圖標中的"quit()"卸載整個程序。 〔９〕在整個流程線上增加第三個交互圖標，命名為"判斷密碼"。并為這個交互設(shè)置兩個"條件限制"響應(yīng)類型的分支。其屬性如下列圖：第一個分支中"條件"為："MM="st""，實際這是圖標名稱；"自動"設(shè)置為"為真"，意思是當"MM="st""為真時匹配。群組圖標中沒任何東西，交互分支為退出交互。第二個分支中"條件"為："MM<>"st""。群組圖標中也有三個圖標，第一個計算圖標中輸入："N:=N+1ifN=1thenTS:="你輸入的口令不正確，請核對后再試！"ifN=2thenTS:="你輸入的口令仍然不正確，你是否本公司成員？"ifN=3thenTS:="三次都沒輸入正確口令，你是非法入侵者，系統(tǒng)將關(guān)閉！""對上面的代碼解釋如下：第1行：N=N+1，是對N進行賦值，實際是對用戶輸入密碼的次數(shù)進行記數(shù)；第2、3、4行做了一個判斷，對幾次用戶密碼的錯誤輸入分貝給以不同的提示；等待3秒后進入下一個計算圖標："ifN>3thenQuit()GoTo(@"輸入密碼")"這里也做了一個判斷，當N大于3時卸載程序，否那么跳轉(zhuǎn)到名稱為"輸入密碼"的圖標繼續(xù)運行。 說明： a、GoTo(IconID@"IconTitle")當Authorware遇見GoTo語句時，它將跳到在IconTitle中指定的圖標繼續(xù)執(zhí)行。b、MM是由前一個文本輸入交互中的MM:=EntryText重新賦值了的，其實是用戶輸入的密碼在這里做了一個判斷c、以上程序可以第2、3兩個交互合并通過更簡潔的方式完成，請讀者自行完成。〔參考〕 〔10〕后面的程序可以參考前面的教程設(shè)計，這里不再表達。 說明：本例程序出于多介紹幾種交互方式之目的，將程序做得有點繁瑣，有興趣的學(xué)生可以試試只用一個交互圖標來完本錢例功能。(需要增加變量的使用以及編程) 演示效果圖和完成后流程圖： 5、框架與定向(一) 學(xué)習(xí)要點：框架圖標與定向圖標的根本使用。在Authorware應(yīng)用程序中，我們通常采用框架圖標來管理多個頁面，或者說是程序的多個根本獨立的層面，用框架來管理可以很方便地在程序運行過程中進入需要的頁面。 完成后流程圖： 制作步驟： 〔1〕拖一個計算圖標到流程線上，初始化屏幕大小。 〔2〕拖一個框架圖標到流程線上。〔框架圖標內(nèi)部系統(tǒng)自動設(shè)置好了定向等圖標，后面進行解釋〕 〔3〕拖動一個顯示圖標到流程線上，導(dǎo)入一幅圖片，并調(diào)整其大小與位置。〔方法參考前面的教學(xué)內(nèi)容〕 〔4〕如上一步驟繼續(xù)拖動顯示圖標到框架圖標右側(cè)放置，并導(dǎo)入圖片。 〔5〕運行這個程序。 運行程序?qū)⒊霈F(xiàn)如右圖的情形：展示窗口中顯示的是框架右側(cè)第一幅圖片的內(nèi)容，窗口右上角顯示的按鈕是我們在流程線上增加框架圖標時系統(tǒng)自動在框架圖標中添加的一系列圖標所形成的頁面定向按鈕。我們先看這幾個按鈕的功能： 上排左起分別為：到最近頁、最近頁列表、查找、退出交互 到最近頁：頁面跳轉(zhuǎn)到已經(jīng)瀏覽過的上一頁； 最近頁列表：程序?qū)⒎_一個最近瀏覽過的頁面名列表，可以在列表中選擇已經(jīng)瀏覽過的頁面； 查找：查找頁面； 退出：即退出當前框架，繼續(xù)本框架后面的圖標運行； 下排左起分別為：第一頁、上一頁、下一頁、最后頁 第一頁：本框架管理的頁面中，由框架圖標右側(cè)第一頁面開始分別為第一、第二……各個頁面； 上一頁、下一頁、最后頁就不解釋了！ 注意：a、系統(tǒng)在執(zhí)行上一頁時，如果已經(jīng)處在第一頁，將轉(zhuǎn)向到本框架的最后一個頁面，如此循環(huán)，執(zhí)行下一頁時相同。B、上面的按鈕的形狀與功能之間無必然聯(lián)系，大家可以自己設(shè)計自己的按鈕樣式與功能。 下面我們來認識框架圖標內(nèi)部的內(nèi)容： 翻開框架圖標，可以看到有一個顯示圖標以及一個交互圖標構(gòu)成，交互圖標有許多的附件〔定向圖標〕：顯示圖標中是導(dǎo)航面板的底圖，交互圖標有多個由定向圖標構(gòu)成的分支，定向圖標的作用是控制程序從一個圖標跳轉(zhuǎn)到另一個圖標去執(zhí)行，常與框架圖標配合使用。 定向圖標有多種選項：——最近，允許選擇返回頁與最近頁列表。 ——附近，允許選擇前一頁、下一頁等方式。 c.目的地--任意位置，可以選擇本程序中的受任意框架管理的任意指定頁面〔程序中可以有多個框架〕 d.目的地--計算，可以用一個表達式來指定一個圖標，當然，既然是表達式就允許在程序運行時為這個定向定義不同的跳轉(zhuǎn)位置 e.目的地--查找，運行時將彈出一個查找窗口，通過設(shè)置查找條件檢索符合要求的頁面 中選擇不同的跳轉(zhuǎn)方式，定向圖標在設(shè)計窗口中有不同的顯示樣式。展示窗口中的按鈕形狀可以通過編輯按鈕來實現(xiàn)。雙擊交互分支的交互方式按鈕可以翻開交互屬性對話框： 按"按鈕…"按鈕可以對按鈕的樣式進行編輯，系統(tǒng)提供了一些樣式，如果自己覺得需要，當然可以自己做按鈕。 每個交互的分支方式都設(shè)置為"返回"，范圍設(shè)置為"永久"〔這點重要〕 分支設(shè)為"返回"是使我們在操作這個按鈕結(jié)束后，程序"返回"原位置運行而不回到這個交互圖標，范圍設(shè)置為"永久"是使這個交互在程序運行的過程中"永久有效"，因為事實上當我們在各頁面間跳轉(zhuǎn)時已經(jīng)脫離這個交互。 6、框架與定向〔二〕 學(xué)習(xí)要點：穩(wěn)固框架圖標與定向圖標的使用。前一課制作了一個運用框架與定向圖標的程序，是不是制作過程很簡單？因為Authorware已經(jīng)給你提供了一個完善的頁面跳轉(zhuǎn)方式。但是，這未必如你的意，本節(jié)我們拋開這些自己制作頁面管理。 完成后流程圖： 制作步驟： 〔1〕拖一個計算圖標到流程線上，初始化屏幕大小。 〔2〕拖一個框架圖標到流程線上。翻開框架圖標，刪除框架圖標中的所有圖標。 〔3〕拖動一個群組圖標到框架圖標右側(cè)放下，命名為"菜單"，呈如下列圖方式。 〔4〕翻開群組圖標，在這個群組圖標中增加一個顯示圖標，命名為"小圖"。在顯示圖標中插入六張圖片，調(diào)整大小與位置，然后插入文字呈下列圖模式。 Authorware提供了一個"排列"面板，試試對齊吧！〔翻開菜單"修改"→"排列"或"Ctrl+Alt+K"〕 〔5〕在顯示圖標下拖入一個交互圖標，為交互圖標設(shè)計交互分支，即拖動一個定向圖標到交互圖標右側(cè)，選擇交互方式為"熱區(qū)"，鼠標指針設(shè)置為手形。鼠標指針設(shè)置的方法是在交互屬性設(shè)置窗口中選擇鼠標指針旁的按鈕，將出現(xiàn)如下列圖的鼠標指針設(shè)置對話框，可以選擇適當?shù)姆绞交蛱砑悠渌闹羔槝邮健Ｖ砸O(shè)置鼠標指針是因為我們設(shè)置的交互響應(yīng)方式是熱區(qū)，熱區(qū)響應(yīng)類型只是在展示窗口中某指定區(qū)域內(nèi)允許通過單擊、雙擊、指向區(qū)域等方式進行匹配，但事實上用戶無法看到這個區(qū)域到底在哪里，因此，我們可以把鼠標通過這個區(qū)域的形狀設(shè)置成與普通的指針方式不同，進而提醒用戶鼠標正處在一個熱區(qū)域中，習(xí)慣上我們使用手形。當然，完全可以繼續(xù)保存系統(tǒng)默認的形狀或指定一個適宜的形狀。 〔6〕調(diào)整熱區(qū)的范圍：熱區(qū)是個看不見的"按鈕"，我們可以象調(diào)整按鈕一樣地調(diào)整它的大小與位置，在這里我們把它調(diào)整到與第一幅小圖片完全重合。〔展示窗口中的虛線框就是熱區(qū)標志，在翻開交互屬性對話框時可以調(diào)整其大小與位置〕 〔7〕在框架圖標的右側(cè)增加一個群組圖標，命名為"貓"，在群組圖標中導(dǎo)如先前導(dǎo)"小圖"時的圖片"貓"，將圖片設(shè)置為充滿整個屏幕。然后在其下與上一步相同的方法設(shè)計交互，熱區(qū)的范圍調(diào)整到整個展示窗口大小。 〔８〕雙擊定向圖標，翻開導(dǎo)航屬性對話框，目的地選擇為"任意位置"，框架選擇"框架"〔本例中的框架圖標被命名為"框架"〕，頁面選擇"菜單"，這樣，當程序運行到這里時，我們只要在屏幕上單擊鼠標，就將跳轉(zhuǎn)到"菜單"頁面上去了。 〔９〕翻開先前設(shè)計的"菜單"頁面，將定向圖標的跳轉(zhuǎn)位置設(shè)置〞貓"。 現(xiàn)在完成了多半的設(shè)計工作了，我們來分析一下目前的狀況：我們有一個框架，管理了兩個頁面，分別叫"菜單"與"貓"，我們已經(jīng)刪除了框架圖標里面的所有東西，當程序運行到框架圖標時將直接運行第一個頁面〔菜單〕里面的內(nèi)容，于是展示在我們面前的是一個包含六個小圖的窗口，當我們把鼠標移動到圖片"貓"的上面時，鼠標指針變成了一個手的形狀，提示我們這里設(shè)計有一個熱區(qū)〔注意：在本例中是這樣設(shè)計的，但不要認為只要鼠標指針變化了就是有熱區(qū)，這是由程序設(shè)計者決定的事情，換句話說，你快樂它怎樣它就可以設(shè)計成怎樣〕，我們用鼠標點擊小圖〞貓"時，貓的圖片將充滿整個屏幕，再次點擊鼠標，將回到原先的小圖片方式。〔事實上是在這兩個頁面間進行了跳轉(zhuǎn)，并不是將小圖放大了〕 10、其余的不多說了，用設(shè)計"貓"的方式為框架圖標繼續(xù)增加頁面。主意：復(fù)制群組"貓"，然后在旁邊粘貼五份，然后對群組重新命名，翻開群組圖標，再翻開群組中的顯示圖標，重新導(dǎo)入新的圖片，因為顯示圖標后的交互都是定向到"菜單"頁，這樣相關(guān)的設(shè)置工作就可以全免了。 11、在群組"菜單"中增加五個熱區(qū)交互，分別定向到各個頁面，別忘了分別調(diào)整熱區(qū)的位置，與各個小圖分別重合。〔技巧：先翻開名〞小圖"的顯示圖標，然后按住"Shift"鍵翻開交互圖標，這樣可以同時調(diào)整這個交互中的各個熱區(qū)的位置與大小。〕 12、完成！看看效果。如果你樂意，給每張大圖片增加過渡效果。 7、決策圖標 學(xué)習(xí)要點：決策圖標的使用。決策圖標又稱判斷圖標，它的用途非常廣泛，可以用來做分支流程、循環(huán)等。創(chuàng)立決