本課素材和源文件下載

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

4.3熱區域交互響應

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

圖4-23熱區域交互

4.3.2熱區交互實例——認識多媒體電腦硬件的組成

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

圖4-28“認識電腦”程序流程圖

圖4-29“認識電腦”程序執行效果

制作步驟：

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

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

圖4-30【導入哪個文件？】對話框

提示：【導入哪個文件？】對話框中，選中底部的【鏈接到文件】復選項，則圖片以外部鏈接的方式插入到程序，否則將把圖片以內部存儲的方式導入到顯示圖標；選中【顯示預覽】復選項，則在對話框右側預覽選中的圖片。

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

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

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

(6)繼續拖動7個群組圖標到【認識電腦】交互結構中【顯示器】群組圖標右側，分別重命名為【主機】、【鍵盤】、【鼠標】、【音箱1】、【音箱2】、【麥克風】、【繼續】。這些圖標將自動繼承前一個交互分支的交互類型和交互屬性。

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

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

(9)按住shift鍵并雙擊【認識電腦】交互圖標，彈出【認識電腦】交互圖標設計窗口。在設計窗口中對【熱區域】響應范圍的大小和位置進行適當地調整，并在窗口左上角輸入“用鼠標單擊電腦的各部分查看其名稱?！蔽谋緝热?，如圖4-31。

圖4-31【認識電腦】交互圖標設計窗口

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

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

圖4-32【顯示器】群組圖標內部流程

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

圖4-33【顯示器文字】顯示圖標設計內容

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

圖4-34【認識電腦】交互結構各交互分支下顯示圖標內的設計內容

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

圖4-35【擦除】擦除圖標屬性面板

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