本課素材和源文件下載

演示型的課件在一定程度上能吸引學(xué)生的注意力，激發(fā)學(xué)生學(xué)習(xí)的興趣，但時間長了，由于學(xué)生只能被動地接受演示內(nèi)容，而不能主動參與人機交互，往往多媒體課件會失去它應(yīng)有的魅力。幸好authorware提供了強大的交互功能，在課件中加入交互，能使制作出的課件功能更加強大，充分體現(xiàn)人機交互的優(yōu)勢，讓學(xué)生有選擇地進行主動學(xué)習(xí)。

4.3熱區(qū)域交互響應(yīng)

熱區(qū)交互是用戶通過單擊、雙擊或移動到展示窗口中任意一個矩形區(qū)域而產(chǎn)生交互響應(yīng)的交互類型。同建立按鈕交互響應(yīng)一樣，只要在建立交互時從彈出的【交互類型】對話框中單擊【熱區(qū)域】單選按鈕即可建立熱區(qū)域交互，如圖4-23。

圖4-23熱區(qū)域交互

4.3.2熱區(qū)交互實例——認(rèn)識多媒體電腦硬件的組成

本小節(jié)制作一個簡單的熱區(qū)交互應(yīng)用的例子。該實例的流程圖如圖4-28，執(zhí)行效果如圖4-29。本書配套光盤上提供了這個實例的源文件（文件路徑：配套光盤/part4/4.3/4-3.a7p）。

圖4-28“認(rèn)識電腦”程序流程圖

圖4-29“認(rèn)識電腦”程序執(zhí)行效果

制作步驟：

(1)新建一個文件，選擇【文件】|【保存】菜單命令將新建的文檔進行保存。

(2)拖一個顯示圖標(biāo)到流程線上，重命名為【電腦圖片】。雙擊【電腦圖片】顯示圖標(biāo)，選擇【文件】|【導(dǎo)入和導(dǎo)出】|【導(dǎo)入媒體】菜單命令或者單擊工具欄上的【導(dǎo)入】按鈕，彈出【導(dǎo)入哪個文件？】對話框，如圖4-30，選擇準(zhǔn)備好的電腦圖片（文件路徑：配套光盤/part4/4.3/computer.jpg），單擊【導(dǎo)入】按鈕即可將圖片導(dǎo)入到設(shè)計窗口。

圖4-30【導(dǎo)入哪個文件？】對話框

提示：【導(dǎo)入哪個文件？】對話框中，選中底部的【鏈接到文件】復(fù)選項，則圖片以外部鏈接的方式插入到程序，否則將把圖片以內(nèi)部存儲的方式導(dǎo)入到顯示圖標(biāo)；選中【顯示預(yù)覽】復(fù)選項，則在對話框右側(cè)預(yù)覽選中的圖片。

(3)拖一個交互圖標(biāo)到【電腦圖片】顯示圖標(biāo)下面的流程線上，重命名為【認(rèn)識電腦】。

(4)拖一個群組圖標(biāo)到【認(rèn)識電腦】交互圖標(biāo)右側(cè)，彈出【交互類型】對話框，單擊【熱區(qū)域】單選按鈕建立一個熱區(qū)域交互分支，并將交互分支下的群組圖標(biāo)命名為【顯示器】。

(5)單擊熱區(qū)交互標(biāo)志，調(diào)出交互屬性面板，單擊【熱區(qū)域】面板項，單擊【鼠標(biāo)】屬性右側(cè)的按鈕，彈出【鼠標(biāo)指針】對話框，選定手型鼠標(biāo)指針，單擊【確定】按鈕完成鼠標(biāo)指針設(shè)置。

(6)繼續(xù)拖動7個群組圖標(biāo)到【認(rèn)識電腦】交互結(jié)構(gòu)中【顯示器】群組圖標(biāo)右側(cè)，分別重命名為【主機】、【鍵盤】、【鼠標(biāo)】、【音箱1】、【音箱2】、【麥克風(fēng)】、【繼續(xù)】。這些圖標(biāo)將自動繼承前一個交互分支的交互類型和交互屬性。

(7)單擊最后一個【繼續(xù)】交互分支的交互標(biāo)志調(diào)出交互屬性面板，從【類型】下拉列表框中選擇“按鈕”選項，將其交互類型改為按鈕交互。

(8)單擊【響應(yīng)】面板項，單擊【分支】下拉列表框，選擇其中的“退出交互”選項。

(9)按住shift鍵并雙擊【認(rèn)識電腦】交互圖標(biāo)，彈出【認(rèn)識電腦】交互圖標(biāo)設(shè)計窗口。在設(shè)計窗口中對【熱區(qū)域】響應(yīng)范圍的大小和位置進行適當(dāng)?shù)卣{(diào)整，并在窗口左上角輸入“用鼠標(biāo)單擊電腦的各部分查看其名稱。”文本內(nèi)容，如圖4-31。

圖4-31【認(rèn)識電腦】交互圖標(biāo)設(shè)計窗口

技巧：如果未顯示電腦圖片，可先雙擊【電腦圖片】顯示圖標(biāo)，然后再按住shift鍵并雙擊【認(rèn)識電腦】交互圖標(biāo)，這樣前一個設(shè)計圖標(biāo)中的內(nèi)容會保留顯示在設(shè)計窗口。

(10)雙擊【顯示器】群組圖標(biāo)進入群組圖標(biāo)內(nèi)部，拖一個顯示圖標(biāo)到第二層流程線上，重命名為【顯示器文字】，如圖4-32。

圖4-32【顯示器】群組圖標(biāo)內(nèi)部流程

(11)按住shift并雙擊該顯示圖標(biāo)進入設(shè)計界面，使用【繪圖工具箱】上的矩形工具和多邊形工具繪制提示氣泡，在適當(dāng)位置輸入“顯示器”三個文字，設(shè)置文字為透明模式。選中所有對象，按ctrl+g組合成群組，將組合對象移動到適當(dāng)位置，如圖4-33。

圖4-33【顯示器文字】顯示圖標(biāo)設(shè)計內(nèi)容

(12)其他六個交互分支下群組圖標(biāo)內(nèi)顯示圖標(biāo)的制作與【顯示器文字】顯示圖標(biāo)制作方法相同，各個顯示內(nèi)容如圖4-34所示。

圖4-34【認(rèn)識電腦】交互結(jié)構(gòu)各交互分支下顯示圖標(biāo)內(nèi)的設(shè)計內(nèi)容

(13)拖一個擦除圖標(biāo)到【繼續(xù)】群組圖標(biāo)內(nèi)部流程線上，重命名為【擦除】。雙擊【擦除】擦除圖標(biāo)，彈出設(shè)計窗口，窗口底部同時調(diào)出【擦除】圖標(biāo)屬性面板，依次單擊窗口中的每一個要擦除的顯示對象，屬性面板右側(cè)圖標(biāo)列表框中顯示被擦除圖標(biāo)的名稱，如圖4-35。

圖4-35【擦除】擦除圖標(biāo)屬性面板

(14)單擊工具欄上的運行按鈕或按ctrl+r鍵運行程序，單擊演示窗口中電腦各部分對程序進行測試。