1、學習目標學習目標1. 1. 了解多媒體教學軟件中交互的概念與作用了解多媒體教學軟件中交互的概念與作用 2. 2. 熟悉多媒體教學軟件中常用的人機交互方式熟悉多媒體教學軟件中常用的人機交互方式 3. 3. 熟悉熟悉AuthorwareAuthorware軟件中提供軟件中提供1111種交互控制的功能與屬性種交互控制的功能與屬性 4. 4. 掌握應用掌握應用AhthorwareAhthorware軟件設計交互控制的一般方法軟件設計交互控制的一般方法 5. 5. 掌握多媒體教學軟件交互控制的設計技巧掌握多媒體教學軟件交互控制的設計技巧 第第5 5章章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功

2、能設計 5.1.1 5.1.1 交互功能在教學軟件中的作用交互功能在教學軟件中的作用 第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.1 5.1 交互功能交互功能 1. 1. 人機交互與多媒體人機交互技術人機交互與多媒體人機交互技術 人機交互（人機交互（HCIHCI，即即Human Computer InteractionHuman Computer Interaction），），是研究是研究人與計算機之間交互關系的科學。人與計算機之間交互關系的科學。 多媒體人機交互技術是多媒體技術和人機交互技術的結合，信多媒體人機交互技術是多媒體技術和人機交互技術的結合，信息表示的

3、多樣化和如何通過多種輸入輸出設備與計算機進行交互是息表示的多樣化和如何通過多種輸入輸出設備與計算機進行交互是多媒體人機交互技術的重要內容。多媒體人機交互技術的重要內容。 多媒體人機交互是基于視線跟蹤、語音識別、手勢輸入、感覺多媒體人機交互是基于視線跟蹤、語音識別、手勢輸入、感覺反饋等新的交互技術。反饋等新的交互技術。 5.1.1 5.1.1 交互功能在教學軟件中的作用交互功能在教學軟件中的作用 第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.1 5.1 交互功能交互功能 2. 2. 交互功能在多媒體教學軟件開發中的地位和作用交互功能在多媒體教學軟件開發中的地位和作用

4、在多媒體教學軟件中，通過音頻（在多媒體教學軟件中，通過音頻（AudioAudio）、）、文本（文本（TextText）、）、圖像（圖像（ImageImage）、）、動畫（動畫（AnimationAnimation）、）、視頻（視頻（VideoVideo）等多種媒體等多種媒體產生豐富多彩的人機交互方式，對于教學過程的優化具有重要意義。產生豐富多彩的人機交互方式，對于教學過程的優化具有重要意義。它能夠有效地激發學生的學習興趣，從而形成積極的學習動機，啟它能夠有效地激發學生的學習興趣，從而形成積極的學習動機，啟發學生思維。多媒體計算機不僅成為教學的重要手段和方法，而且發學生思維。多媒體計算機不僅成為

5、教學的重要手段和方法，而且成為改變傳統教學模式乃至整個教學思想的重要動力。成為改變傳統教學模式乃至整個教學思想的重要動力。 5.1.1 5.1.1 交互功能在教學軟件中的作用交互功能在教學軟件中的作用 第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.1 5.1 交互功能交互功能 3.3.教學軟件中交互功能的種類教學軟件中交互功能的種類 （1 1）按照交互事件觸發的方式劃分）按照交互事件觸發的方式劃分 響應鍵盤輸入的交互響應鍵盤輸入的交互a. a. 以單鍵敲擊為觸發方式的交互以單鍵敲擊為觸發方式的交互b. b. 以內容輸入為觸發方式的交互以內容輸入為觸發方式的交互 響應

6、鼠標操作的交互響應鼠標操作的交互a. a. 以鼠標點擊為觸發方式的交互以鼠標點擊為觸發方式的交互b. b. 以鼠標（光標）位置變化為觸發方式的交互以鼠標（光標）位置變化為觸發方式的交互c. c. 以鼠標拖拽為觸發方式的交互以鼠標拖拽為觸發方式的交互5.1.1 5.1.1 交互功能在教學軟件中的作用交互功能在教學軟件中的作用 第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.1 5.1 交互功能交互功能 以某一條件的滿足為觸發方式的交互以某一條件的滿足為觸發方式的交互 響應其他外接設備輸入的交互響應其他外接設備輸入的交互 （2 2）按照交互完成的任務劃分）按照交互完成的任

7、務劃分 完成導航任務的交互完成導航任務的交互 完成教學信息傳達任務的交互完成教學信息傳達任務的交互 完成測試與訓練任務的交互完成測試與訓練任務的交互 （3 3）按照用戶角色（以誰為中心）的原則劃分）按照用戶角色（以誰為中心）的原則劃分 以計算機（軟件、設計者、教育者）為中心的交互設計以計算機（軟件、設計者、教育者）為中心的交互設計 以用戶（學習者）為中心的交互設計以用戶（學習者）為中心的交互設計5.1.2 5.1.2 群組圖標的概念群組圖標的概念 第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.1 5.1 交互功能交互功能 將兩個或以兩個以上邏輯關聯的設計圖標組合為一

8、個新的設計將兩個或以兩個以上邏輯關聯的設計圖標組合為一個新的設計圖標，而被組合設計圖標的原有屬性及其相互之間的邏輯結構不改圖標，而被組合設計圖標的原有屬性及其相互之間的邏輯結構不改變，我們稱這個新的設計圖標為變，我們稱這個新的設計圖標為 Map(Map(群組群組) )設計圖標，簡稱為群設計圖標，簡稱為群組圖標。組圖標。 1 1群組圖標的功能群組圖標的功能 群組圖標把一組邏輯上相關聯的設計圖標集合為一個組，這樣群組圖標把一組邏輯上相關聯的設計圖標集合為一個組，這樣避免了因為設計圖標增多所帶來的大量占用設計窗口有限空間的困避免了因為設計圖標增多所帶來的大量占用設計窗口有限空間的困難現象，并且使程序

9、設計實現了結構化、模塊化，從而使程序結構難現象，并且使程序設計實現了結構化、模塊化，從而使程序結構更加清晰，可讀性增強，進一步方便了程序的編輯制作。更加清晰，可讀性增強，進一步方便了程序的編輯制作。 5.1.2 5.1.2 群組圖標的概念群組圖標的概念第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.1 5.1 交互功能交互功能 2 2群組圖標的使用方法群組圖標的使用方法 （1 1）創建群組圖標）創建群組圖標 在流程線上創建一個群組圖標有兩種方法：在流程線上創建一個群組圖標有兩種方法： 從設計圖標面板中拖曳一個群組圖標到程序流程線上。從設計圖標面板中拖曳一個群組圖標到程

10、序流程線上。 選擇流程線上相鄰的若干設計圖標，然后使用選擇流程線上相鄰的若干設計圖標，然后使用Group (Group (群組群組) )菜菜單命令。單命令。 （2 2）解組）解組撤消群組撤消群組 對已有群組圖標進行解組對已有群組圖標進行解組 ( (撤消群組撤消群組) )時，可以單擊并選中該時，可以單擊并選中該群組圖標，然后選擇菜單群組圖標，然后選擇菜單Modify /Ungroup(Modify /Ungroup(撤消群組撤消群組) )菜單命令，菜單命令，即可解組即可解組( (撤消群組撤消群組) )。 5.1.2 5.1.2 群組圖標的概念群組圖標的概念第五章第五章 多媒體教學軟件的交互功能設

11、計多媒體教學軟件的交互功能設計5.1 5.1 交互功能交互功能 3 3群組圖標的屬性設置對話框群組圖標的屬性設置對話框 群組圖標屬性設置對話框如下圖所示，它沒有可以設置的選項。群組圖標屬性設置對話框如下圖所示，它沒有可以設置的選項。（1 1）對話框的左部為圖標內容預覽框，在群組圖標環境下，該預）對話框的左部為圖標內容預覽框，在群組圖標環境下，該預覽框為空。覽框為空。 5.1.2 5.1.2 群組圖標的概念群組圖標的概念第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.1 5.1 交互功能交互功能 （2 2）圖標信息顯示區。該區域顯示當前群組圖標的整體文件信息。）圖標信息

12、顯示區。該區域顯示當前群組圖標的整體文件信息。 ID:ID:即為即為Authorware7.0Authorware7.0自動分配給該群組圖標的唯一自動分配給該群組圖標的唯一IDID標號。標號。 Size:(Size:(大小大小) )表示該群組圖標的文件大小，單位為字節。表示該群組圖標的文件大小，單位為字節。 Mod:(Mod:(修改修改) )表示該群組圖標創建或最近一次修改的時間。表示該群組圖標創建或最近一次修改的時間。 Ref.by No(Ref.by No(沒有被調用沒有被調用) )表示當前表示當前 Map(Map(群組群組) )圖標是否被其它程圖標是否被其它程序調用。序調用。（3 3）O

13、pen(Open(打開打開) )按鈕。單擊此按鈕，可以打開當前群組圖標下一按鈕。單擊此按鈕，可以打開當前群組圖標下一級設計窗口。級設計窗口。（4 4）Level Title(Level Title(級別標題級別標題) )區。該區域顯示當前群組圖標所在程區。該區域顯示當前群組圖標所在程序文件一級設計窗口，以及群組圖標當前所在設計窗口的層數。序文件一級設計窗口，以及群組圖標當前所在設計窗口的層數。5.1.3 5.1.3 交互結構的創建交互結構的創建第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.1 5.1 交互功能交互功能 1.1.教學軟件交互設計的基本要素教學軟件交互設

14、計的基本要素 在進行教學軟件交互設計的過程中，需要考慮三個要素：教學在進行教學軟件交互設計的過程中，需要考慮三個要素：教學設計、界面設計、程序設計。設計、界面設計、程序設計。2.2.使用使用AuthorwareAuthorware實現交互設計的分支結構實現交互設計的分支結構 使用使用AuthorwareAuthorware軟件實現交互功能，需要在流程線上引入交互軟件實現交互功能，需要在流程線上引入交互圖標，交互圖標具有安排交互界面、組織交互方式及控制交互作用、圖標，交互圖標具有安排交互界面、組織交互方式及控制交互作用、反饋交互結果的功能。單獨使用交互圖標不能完成交互程序設計，反饋交互結果的功能

15、。單獨使用交互圖標不能完成交互程序設計，交互圖標需要與響應圖標構成交互程序分支結構，交互圖標是整個交互圖標需要與響應圖標構成交互程序分支結構，交互圖標是整個交互程序分支的入口，各個響應圖標通過響應類型順次依附在交互交互程序分支的入口，各個響應圖標通過響應類型順次依附在交互圖標尖頭所指的右側。圖標尖頭所指的右側。 5.1.3 5.1.3 交互結構的創建交互結構的創建第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.1 5.1 交互功能交互功能 3.3.使用使用AuthorwareAuthorware實現交互設計的步驟與要素實現交互設計的步驟與要素（1 1）確定交互邏輯，完

16、成前導程序設計，引入交互圖標）確定交互邏輯，完成前導程序設計，引入交互圖標（2 2）設計觸發方式（響應類型）設計觸發方式（響應類型）（3 3）確定反饋信息（響應圖標）確定反饋信息（響應圖標）（4 4）編輯流程分支（響應分支）編輯流程分支（響應分支）（5 5）設置狀態跟蹤（響應狀態）設置狀態跟蹤（響應狀態）5.1.45.1.4 交互圖標的屬性設置交互圖標的屬性設置第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.1 5.1 交互功能交互功能 1 1打開打開Properties:Interaction IconsProperties:Interaction Icons（交互

17、圖標屬性面板）交互圖標屬性面板） （1 1）選中交互圖標后，選擇菜單）選中交互圖標后，選擇菜單ModifyModify（修改）修改）/ /IconIcon（圖標）圖標）/ /PropertiesProperties（屬性）菜單命令；屬性）菜單命令；（2 2）選中交互圖標后，選擇菜單）選中交互圖標后，選擇菜單WindowWindow（窗口）窗口）/ /PanelsPanels（面板組）面板組） / /PropertiesProperties（屬性）菜單命令；屬性）菜單命令；（3 3）用鼠標雙擊交互圖標；）用鼠標雙擊交互圖標；（4 4）若當前已打開文件或某圖標的屬性設置面板，則只需單擊交）若當前已

18、打開文件或某圖標的屬性設置面板，則只需單擊交互圖標即可。互圖標即可。 在交互圖標屬性面板中交互圖標名稱欄、內容預覽器、文本輸在交互圖標屬性面板中交互圖標名稱欄、內容預覽器、文本輸入框樣式按鈕、打開命令按鈕、幫助按鈕和入框樣式按鈕、打開命令按鈕、幫助按鈕和4 4個功能選項卡。個功能選項卡。 5.1.45.1.4 交互圖標的屬性設置交互圖標的屬性設置第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.1 5.1 交互功能交互功能 2 2InteractionInteraction（交互）選項卡交互）選項卡 用于設置與交互作用有關的選項，如下圖所示。用于設置與交互作用有關的選項

19、，如下圖所示。（1 1）EraseErase（擦除方式選擇）下拉菜單。擦除方式選擇）下拉菜單。（2 2）EraseErase（擦除）效果設置擦除）效果設置（3 3）OptionsOptions（選項）屬性設置選項）屬性設置5.1.45.1.4 交互圖標的屬性設置交互圖標的屬性設置第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.1 5.1 交互功能交互功能 3 3DisplayDisplay（顯示）選項卡和顯示）選項卡和LayoutLayout（設計）選項卡的設置與顯示設計）選項卡的設置與顯示圖標屬性設置內容相同。圖標屬性設置內容相同。4 4CMICMI（計算機管理教學

20、）選項卡計算機管理教學）選項卡 提供了應用于計算機管理系統教學方面的屬性，如下圖所示。提供了應用于計算機管理系統教學方面的屬性，如下圖所示。 5.1.45.1.4 交互圖標的屬性設置交互圖標的屬性設置第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.1 5.1 交互功能交互功能 （1 1）KnowledgeKnowledge（知識）跟蹤（若使用該選項，必須在文件屬性面知識）跟蹤（若使用該選項，必須在文件屬性面板的板的CMICMI屬性設置面板中，選擇知識跟蹤選項，如下圖所示。）屬性設置面板中，選擇知識跟蹤選項，如下圖所示。）（2 2）Interaction IDInter

21、action ID（交互地址）標識號交互地址）標識號 （3 3）Objective IDObjective ID（對象地址）標識號對象地址）標識號（4 4）WeightWeight（重要性）重要性）（5 5）TypeType（類型）類型） 5.2.1 5.2.1 按鈕交互的特點按鈕交互的特點第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.2 5.2 按鈕交互功能按鈕交互功能 ButtonButton（按鈕）交互是指在屏幕窗口上設置一個按鈕，用戶用按鈕）交互是指在屏幕窗口上設置一個按鈕，用戶用鼠標點擊按鈕，可觸發對應的人機交互響應。在設計界面化的軟件鼠標點擊按鈕，可觸發

22、對應的人機交互響應。在設計界面化的軟件時，使用按鈕交互形象直觀、使用方便，不易出現歧義，讓用戶一時，使用按鈕交互形象直觀、使用方便，不易出現歧義，讓用戶一目了然，可以直觀、實時、多樣化的實現人機交互功能，大多數多目了然，可以直觀、實時、多樣化的實現人機交互功能，大多數多媒體教育教學軟件作品設計時都要會使用媒體教育教學軟件作品設計時都要會使用ButtonButton（按鈕）交互。使按鈕）交互。使用按鈕交互時需要考慮按鈕設計與背景風格設計的一致性，以免破用按鈕交互時需要考慮按鈕設計與背景風格設計的一致性，以免破壞軟件界面的整體美感。壞軟件界面的整體美感。 在在AuthorwareAuthorwar

23、e中，所有的按鈕交互都是矩形區域。中，所有的按鈕交互都是矩形區域。5.2.25.2.2 按鈕交互的屬性設置按鈕交互的屬性設置第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.2 5.2 按鈕交互功能按鈕交互功能1 1打開打開 Properties: ResponseProperties: Response（響應屬性）面板窗口有兩種方法。響應屬性）面板窗口有兩種方法。（1 1）使用鼠標雙擊響應類型標志，或在打開其他圖標屬性設置面）使用鼠標雙擊響應類型標志，或在打開其他圖標屬性設置面板時，用鼠標單擊目標響應類型標志即可。板時，用鼠標單擊目標響應類型標志即可。（2 2）選中響

24、應圖標后選擇菜單）選中響應圖標后選擇菜單ModifyModify（修改）修改）/ /IconIcon（圖標）圖標）/ /ResponseResponse（響應）菜單命令（快捷鍵為響應）菜單命令（快捷鍵為Ctrl+ECtrl+E）即可。即可。 其他交互的屬性面板窗口打開方式與按鈕交互相同。其他交互的屬性面板窗口打開方式與按鈕交互相同。5.2.25.2.2 按鈕交互的屬性設置按鈕交互的屬性設置第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.2 5.2 按鈕交互功能按鈕交互功能2 2Properties: ResponseProperties: Response（響應屬性）

25、面板窗口簡介響應屬性）面板窗口簡介 該窗口如下圖所示。該窗口如下圖所示。（1 1）按鈕樣式預覽窗口，用于預覽按鈕的樣式效果。）按鈕樣式預覽窗口，用于預覽按鈕的樣式效果。（2 2）ButtonsButtons（按鈕庫）按鈕，用于打開按鈕庫）按鈕，用于打開ButtonsButtons按鈕庫，可以選按鈕庫，可以選用或編輯用或編輯AuthorwareAuthorware內部的按鈕樣式，也可以打開內部的按鈕樣式，也可以打開Buttons EditorButtons Editor（按鈕編輯器）窗口導入編輯自定義按鈕。按鈕編輯器）窗口導入編輯自定義按鈕。1 12 23 34 45 56 67 75.2.25

26、.2.2 按鈕交互的屬性設置按鈕交互的屬性設置第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.2 5.2 按鈕交互功能按鈕交互功能（3 3）分支響應圖標顯示框，用于顯示當前分支響應圖標標志。）分支響應圖標顯示框，用于顯示當前分支響應圖標標志。（4 4）OpenOpen（打開）按鈕。單擊此命令按鈕，會打開當前交互分支打開）按鈕。單擊此命令按鈕，會打開當前交互分支中的響應圖標，保存當前的交互屬性設置，并關閉響應屬性設置面中的響應圖標，保存當前的交互屬性設置，并關閉響應屬性設置面板窗口。板窗口。（5 5）響應圖標名稱文本框，用于顯示、修改或重新命名響應圖標）響應圖標名稱文本

27、框，用于顯示、修改或重新命名響應圖標的名稱。默認名稱為的名稱。默認名稱為“Untitled”Untitled”（未命名）。當標簽文本框為空未命名）。當標簽文本框為空時，該文本框的內容就是按鈕上的文字。時，該文本框的內容就是按鈕上的文字。（6 6）TypeType（類型）下拉菜單，用于設置或改變當前交互類型。類型）下拉菜單，用于設置或改變當前交互類型。（7 7）Properties: ResponseProperties: Response（響應屬性）面板共有兩個選項卡，響應屬性）面板共有兩個選項卡，左面是每種交互特有屬性設置，以交互的名稱命名，右面是各類交左面是每種交互特有屬性設置，以交互的名

28、稱命名，右面是各類交互通用的互通用的ResponseResponse（響應）選項卡。響應）選項卡。5.2.25.2.2 按鈕交互的屬性設置按鈕交互的屬性設置第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.2 5.2 按鈕交互功能按鈕交互功能3 3ButtonButton（按鈕）選項卡按鈕）選項卡 該選項卡如下圖所示。該選項卡如下圖所示。（1 1）SizeSize（按鈕大小）文本框，用于設置按鈕的大小，單位為象按鈕大小）文本框，用于設置按鈕的大小，單位為象素。素。（2 2）LocationLocation（按鈕位置）文本框，用于定義按鈕在演示窗口中按鈕位置）文本框，用于

29、定義按鈕在演示窗口中的坐標位置，單位為象素。的坐標位置，單位為象素。 5.2.25.2.2 按鈕交互的屬性設置按鈕交互的屬性設置第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.2 5.2 按鈕交互功能按鈕交互功能（3 3）LabelLabel（標簽）文本框，用于編輯按鈕上的標簽名稱。標簽）文本框，用于編輯按鈕上的標簽名稱。 當當LabelLabel（標簽）文本框為空時，按鈕上的標簽文字為響應圖標標簽）文本框為空時，按鈕上的標簽文字為響應圖標文本框中的文本。文本框中的文本。 在在LabelLabel（標簽）文本框中可以輸入字符串、變量和表達式，標簽）文本框中可以輸入字符

30、串、變量和表達式， 系統提供的內部按鈕的大小會隨系統提供的內部按鈕的大小會隨Label Label （標簽）文本框中顯示標簽）文本框中顯示標簽顯示字數多少而變化；用戶自定義的按鈕大小則不受標簽文本標簽顯示字數多少而變化；用戶自定義的按鈕大小則不受標簽文本框影響。默認狀況下，按鈕的標簽名稱是居中對齊的，要改變按鈕框影響。默認狀況下，按鈕的標簽名稱是居中對齊的，要改變按鈕的標簽名稱位置，需要使用的標簽名稱位置，需要使用 CursorCursor（指針）設置。指針）設置。5.2.25.2.2 按鈕交互的屬性設置按鈕交互的屬性設置第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5

31、.2 5.2 按鈕交互功能按鈕交互功能（4 4）KeyKey（s s）（）（快捷鍵）文本框，用于設置按鈕交互的快捷功能快捷鍵）文本框，用于設置按鈕交互的快捷功能鍵，用戶在鍵盤上點擊快捷功能鍵與使用鼠標在屏幕窗口中點擊按鍵，用戶在鍵盤上點擊快捷功能鍵與使用鼠標在屏幕窗口中點擊按鈕的效果相同。在鈕的效果相同。在AuthorwareAuthorware中，快捷功能鍵嚴格區分大小寫。中，快捷功能鍵嚴格區分大小寫。使用單一固定快捷功能鍵：在使用單一固定快捷功能鍵：在KeyKey（s s）文本框中直接填入鍵名。文本框中直接填入鍵名。使用單一多個快捷功能鍵：在使用單一多個快捷功能鍵：在KeyKey（s s）

32、文本框中可以使用文本框中可以使用“ ”（邏輯（邏輯“或或”）符號同時定義多個快捷功能鍵名稱。）符號同時定義多個快捷功能鍵名稱。使用組合快捷功能鍵：在使用組合快捷功能鍵：在KeyKey（s s） 文本框中可以定義些組合鍵，文本框中可以定義些組合鍵，將需要組合的鍵名稱連接。將需要組合的鍵名稱連接。5.2.25.2.2 按鈕交互的屬性設置按鈕交互的屬性設置第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.2 5.2 按鈕交互功能按鈕交互功能（5 5）OptionsOptions（選項）包含兩個復選框。選項）包含兩個復選框。 Make DefaultMake Default（使

33、用默認）復選框。適用于使用使用默認）復選框。適用于使用AuthorwareAuthorware內內部標準按鈕時，將該交互分支定義為默認優先按鈕交互，按鈕的四部標準按鈕時，將該交互分支定義為默認優先按鈕交互，按鈕的四周出現黑框，點擊回車鍵就可以直接執行。周出現黑框，點擊回車鍵就可以直接執行。Hide When InactiveHide When Inactive（當交互時隱藏）復選框。選擇該選項后，當交互時隱藏）復選框。選擇該選項后，當按鈕處于被禁止（不可用）狀態時，按鈕不在屏幕上出現；當按當按鈕處于被禁止（不可用）狀態時，按鈕不在屏幕上出現；當按鈕可用時，在屏幕顯示。鈕可用時，在屏幕顯示。（6

34、 6）CursorCursor（鼠標光標）設置。用于設置鼠標指在按鈕上時，光鼠標光標）設置。用于設置鼠標指在按鈕上時，光標的樣式。標的樣式。5.2.25.2.2 按鈕交互的屬性設置按鈕交互的屬性設置第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.2 5.2 按鈕交互功能按鈕交互功能4 4ResponseResponse（響應）選項卡響應）選項卡 該選項卡如下圖所示。該選項卡如下圖所示。（1 1）ScopeScope（作用范圍）。用于設置當前響應的有效范圍。作用范圍）。用于設置當前響應的有效范圍。（2 2）Active IfActive If（激活條件）文本框。用于設置

35、響應的激活條件，激活條件）文本框。用于設置響應的激活條件，又稱為觸發條件。又稱為觸發條件。5.2.25.2.2 按鈕交互的屬性設置按鈕交互的屬性設置第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.2 5.2 按鈕交互功能按鈕交互功能（3 3）EraseErase（擦除方式設置）下拉菜單。用于設置該交互分支內的擦除方式設置）下拉菜單。用于設置該交互分支內的內容的擦除方式，在下拉列表中，有內容的擦除方式，在下拉列表中，有4 4種自動擦除選擇方式。種自動擦除選擇方式。 After Next EntryAfter Next Entry（在進入下一個分支后）擦除。在進入下一個分

36、支后）擦除。 Before Next EntryBefore Next Entry（進入下一個分支前擦除）。進入下一個分支前擦除）。 On ExitOn Exit（退出交互時擦出）。退出交互時擦出）。 Dont EraseDont Erase（不擦除）。不擦除）。5.2.25.2.2 按鈕交互的屬性設置按鈕交互的屬性設置第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.2 5.2 按鈕交互功能按鈕交互功能（4 4）BranchBranch（分支路徑）下拉菜單。交互圖標具有分支和循環的分支路徑）下拉菜單。交互圖標具有分支和循環的功能，當某個交互分支類型執行完畢后，可以通過

37、功能，當某個交互分支類型執行完畢后，可以通過BranchBranch（分支路分支路徑）選項確定程序流程。在下拉列表中提供了徑）選項確定程序流程。在下拉列表中提供了4 4種分支路徑類型提種分支路徑類型提供選擇使用。供選擇使用。 Try AgainTry Again（重試）類型。重試）類型。 ContinueContinue（繼續）類型。繼續）類型。 Exit InteractionExit Interaction（退出交互）類型。退出交互）類型。 ReturnReturn（返回）類型。返回）類型。5.2.25.2.2 按鈕交互的屬性設置按鈕交互的屬性設置第五章第五章 多媒體教學軟件的交互功能設計

38、多媒體教學軟件的交互功能設計5.2 5.2 按鈕交互功能按鈕交互功能（5 5）StatusStatus（狀態）下拉菜單。該選項用于設置是否跟蹤并判斷狀態）下拉菜單。該選項用于設置是否跟蹤并判斷用戶的響應，同時通過系統變量用戶的響應，同時通過系統變量“TotalCorrectTotalCorrect”和和“TotalWrongTotalWrong”記錄用戶的正確或錯誤響應次數，在該下拉列表中有以下記錄用戶的正確或錯誤響應次數，在該下拉列表中有以下3 3個選項。個選項。 Not JudgedNot Judged（不判斷）選項。不判斷）選項。 Correct ResponseCorrect Resp

39、onse（正確響應）選項。正確響應）選項。 Wrong ResponseWrong Response（錯誤響應）選項。錯誤響應）選項。（6 6）ScoreScore（得分）文本框。該選項用于記錄用戶的響應得分，可得分）文本框。該選項用于記錄用戶的響應得分，可以輸入數值或表達式。以輸入數值或表達式。5.2.25.2.2 按鈕交互的屬性設置按鈕交互的屬性設置第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.2 5.2 按鈕交互功能按鈕交互功能5 5使用按鈕庫編輯制作按鈕的方法使用按鈕庫編輯制作按鈕的方法（1 1）AuthorwareAuthorware自帶的系統按鈕自帶的系

40、統按鈕 普通矩形按鈕普通矩形按鈕 單選按鈕單選按鈕 復選按鈕復選按鈕（2 2）使用按鈕編輯器自定義按鈕）使用按鈕編輯器自定義按鈕 StateState（狀態）區域。狀態）區域。a. Normala. Normal（正常）狀態。正常）狀態。b. Checkedb. Checked（標記）狀態。標記）狀態。5.2.25.2.2 按鈕交互的屬性設置按鈕交互的屬性設置第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.2 5.2 按鈕交互功能按鈕交互功能 Buttons DescriptionButtons Description（按鈕描述）文本區域。按鈕描述）文本區域。 Aut

41、omatically CheckAutomatically Check（自動應用標記）選項。自動應用標記）選項。 按鈕效果預覽區域。按鈕效果預覽區域。 按鈕樣式設定區域。按鈕樣式設定區域。a. Graphica. Graphic（圖形設定）圖形設定）b. Labelb. Label（標簽顯示設定）標簽顯示設定）c. Soundc. Sound（聲音設定）聲音設定）5.2.25.2.2 按鈕交互的屬性設置按鈕交互的屬性設置第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.2 5.2 按鈕交互功能按鈕交互功能（3 3）提高工作效率的方法）提高工作效率的方法 批量修改按鈕樣式

42、批量修改按鈕樣式 同時選中需要修改的全部按鈕，執行菜單命令：同時選中需要修改的全部按鈕，執行菜單命令：EditEdit（編輯）編輯）/ /Change PropertiesChange Properties（改變屬性）菜單命令，打開改變屬性）菜單命令，打開Change Icon Change Icon Properties For:Properties For:（改變圖標屬性）窗口，在改變圖標屬性）窗口，在PropertyProperty（屬性）顯屬性）顯示區域中選擇示區域中選擇ButtonButton（按鈕）選項，在按鈕）選項，在Category:InteractionCategory:In

43、teraction（交交互類別）顯示區域中確定所需要的按鈕樣式，然后單擊互類別）顯示區域中確定所需要的按鈕樣式，然后單擊ApplyApply（應應用）按鈕即可。用）按鈕即可。5.2.25.2.2 按鈕交互的屬性設置按鈕交互的屬性設置第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.2 5.2 按鈕交互功能按鈕交互功能 重復使用同一組自定義按鈕庫重復使用同一組自定義按鈕庫 在多個程序中重復使用相同的自定義按鈕庫的方法是創建一個在多個程序中重復使用相同的自定義按鈕庫的方法是創建一個應用模塊。創建一個空的交互結構，并在該交互中使用自定義的按應用模塊。創建一個空的交互結構，并在

44、該交互中使用自定義的按鈕，然后把整個交互結構保存為模塊。在重復使用這些定制按鈕時，鈕，然后把整個交互結構保存為模塊。在重復使用這些定制按鈕時，只需將該模塊入到目標程序即可。只需將該模塊入到目標程序即可。5.2.3 5.2.3 設計媒體播放器的操作界面設計媒體播放器的操作界面第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.2 5.2 按鈕交互功能按鈕交互功能 本例利用按鈕交互，設計一個媒體播放器的界面，實現播放、暫本例利用按鈕交互，設計一個媒體播放器的界面，實現播放、暫停、繼續、停止、快進、快退等功能的按鈕設計。本例主要討論按停、繼續、停止、快進、快退等功能的按鈕設計。

45、本例主要討論按鈕設計的相關問題。本例的知識要點主要涉及按鈕交互功能設計，鈕設計的相關問題。本例的知識要點主要涉及按鈕交互功能設計，自定義按鈕的設計與實現。自定義按鈕的設計與實現。5.3.1 5.3.1 熱區交互的特點熱區交互的特點第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.3 5.3 熱區交互功能熱區交互功能 Hot SpotHot Spot（熱區）交互響應，本身并不顯示，通過熱區下的背熱區）交互響應，本身并不顯示，通過熱區下的背景內容（文字、圖形、圖像等）向軟件用戶描述交互的邏輯意義以景內容（文字、圖形、圖像等）向軟件用戶描述交互的邏輯意義以便用戶識別。與按鈕類

46、似，熱區可以調整改變矩形響應區域的大小、便用戶識別。與按鈕類似，熱區可以調整改變矩形響應區域的大小、位置，范圍可以超過演示窗口邊緣。此外，不同熱區交互位置可以位置，范圍可以超過演示窗口邊緣。此外，不同熱區交互位置可以重疊，使程序交互設計更為靈活重疊，使程序交互設計更為靈活 熱區交互可以理解為熱區交互可以理解為“點擊、拂過透明矩形區響應點擊、拂過透明矩形區響應”，在，在AuthorwareAuthorware軟件設計中，熱區也是一種應用廣泛的交互類型。軟件設計中，熱區也是一種應用廣泛的交互類型。5.3.2 5.3.2 熱區交互的屬性設置熱區交互的屬性設置第五章第五章 多媒體教學軟件的交互功能設計

47、多媒體教學軟件的交互功能設計5.3 5.3 熱區交互功能熱區交互功能 熱區交互的熱區交互的Properties: ResponseProperties: Response（響應屬性）設置面板窗口響應屬性）設置面板窗口由由Hot SpotHot Spot（熱區）選項卡和熱區）選項卡和ResponseResponse（響應）選項卡組成。響應）選項卡組成。1 1Hot SpotHot Spot（熱區）面板，如下圖所示。熱區）面板，如下圖所示。（1 1）SizeSize（熱區大小）文本框、熱區大小）文本框、LocationLocation（熱區位置）文本框功熱區位置）文本框功能與設置方法與按鈕交互相同

48、。能與設置方法與按鈕交互相同。（2 2）KeyKey（s s）（）（快捷鍵）文本框，與按鈕交互相同。快捷鍵）文本框，與按鈕交互相同。5.3.2 5.3.2 熱區交互的屬性設置熱區交互的屬性設置第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.3 5.3 熱區交互功能熱區交互功能（3 3）MatchMatch（交互匹配）下拉菜單，用于設置觸發熱區交互的鼠標交互匹配）下拉菜單，用于設置觸發熱區交互的鼠標操作有操作有3 3種方式。種方式。 Single-clickSingle-click（鼠標左鍵單擊）選項。鼠標左鍵單擊）選項。 Double-clickDouble-clic

49、k（鼠標左鍵雙擊）選項。鼠標左鍵雙擊）選項。 Cursor in AreaCursor in Area（光標在區域范圍內）選項。光標在區域范圍內）選項。（4 4）Highlight on MatchHighlight on Match（匹配時高亮色顯示）。匹配時高亮色顯示）。（5 5）Mark on MatchMark on Match（匹配時顯示標志）。匹配時顯示標志）。（6 6）CursorCursor（鼠標光標）設置，與按鈕交互相同。鼠標光標）設置，與按鈕交互相同。5.4.1 5.4.1 熱對象交互的特點熱對象交互的特點第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設

50、計5.4 5.4 熱對象交互功能熱對象交互功能 Hot ObjectHot Object（熱對象）交互實際上是一種將鼠標觸發區域定義熱對象）交互實際上是一種將鼠標觸發區域定義得更為靈活的得更為靈活的“熱區交互熱區交互”。熱對象交互的鼠標觸發區域是通過某。熱對象交互的鼠標觸發區域是通過某一圖標中顯示內容在演示窗口的范圍而定義的，熱對象交互又可稱一圖標中顯示內容在演示窗口的范圍而定義的，熱對象交互又可稱作作“點擊對象響應點擊對象響應”。可以作為熱對象的圖標有顯示圖標、交互圖。可以作為熱對象的圖標有顯示圖標、交互圖標、數字電影圖標、標、數字電影圖標、ActiveXActiveX圖標等，只要是能夠引入

51、可顯示內容圖標等，只要是能夠引入可顯示內容的圖標就可以作為交互的熱對象。的圖標就可以作為交互的熱對象。 相比熱區交互，熱對象交互具有交互位置可隨圖標對象運動、相比熱區交互，熱對象交互具有交互位置可隨圖標對象運動、交互區域形狀沒有矩形限制、交互區域可以不連續等優點，可以實交互區域形狀沒有矩形限制、交互區域可以不連續等優點，可以實現熱區、按鈕交互不能完成的交互效果。現熱區、按鈕交互不能完成的交互效果。5.4.2 5.4.2 熱對象交互的屬性設置熱對象交互的屬性設置第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.4 5.4 熱對象交互功能熱對象交互功能 打開熱對象交互的屬性

52、設置面版。在交互圖標預覽框中可以看打開熱對象交互的屬性設置面版。在交互圖標預覽框中可以看到該觸發該交互所對應的圖標內容，如下圖所示。到該觸發該交互所對應的圖標內容，如下圖所示。1 1Hot ObjectHot Object（熱對象）選項卡：熱對象）選項卡：（1 1）Hot ObjectHot Object（熱對象）文本框：顯示熱對象的名稱。熱對象）文本框：顯示熱對象的名稱。5.4.2 5.4.2 熱對象交互的屬性設置熱對象交互的屬性設置第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.4 5.4 熱對象交互功能熱對象交互功能（2 2）KeyKey（s s）（）（快捷鍵）

53、文本框：用于設置熱對象響應的等待快快捷鍵）文本框：用于設置熱對象響應的等待快捷鍵。捷鍵。（3 3）MatchMatch（交互匹配）下拉菜單：與熱區交互相同，共有交互匹配）下拉菜單：與熱區交互相同，共有Single-ClickSingle-Click（用鼠標左鍵單擊）、用鼠標左鍵單擊）、Double-ClickDouble-Click（用鼠標左鍵雙用鼠標左鍵雙擊）和擊）和Cursor on ObjectCursor on Object（用鼠標光標拂過熱對象）三種選擇。用鼠標光標拂過熱對象）三種選擇。（4 4）Highlight on MatchHighlight on Match（匹配時高亮顯示

54、）和匹配時高亮顯示）和CursorCursor（鼠標光鼠標光標）選項設置與熱區交互設置相同。標）選項設置與熱區交互設置相同。2 2ResponseResponse選項卡的內容與熱區交互設置相同。選項卡的內容與熱區交互設置相同。5.4.3 5.4.3 基于地圖的地理知識查詢基于地圖的地理知識查詢 第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.4 5.4 熱對象交互功能熱對象交互功能 本例利用熱對象交互，設計一個介紹各大洲的教學軟件，實現本例利用熱對象交互，設計一個介紹各大洲的教學軟件，實現用鼠標拂過每個大洲的陸地區域時，顯示該大洲的名稱范圍與文字用鼠標拂過每個大洲的陸

55、地區域時，顯示該大洲的名稱范圍與文字簡介。本例知識要點主要涉及熱對象交互功能設計，制作不規則圖簡介。本例知識要點主要涉及熱對象交互功能設計，制作不規則圖形透明熱對象交互的技巧。形透明熱對象交互的技巧。5.4.4 5.4.4 按鈕、熱區、熱對象三種交互方式的比較按鈕、熱區、熱對象三種交互方式的比較第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.4 5.4 熱對象交互功能熱對象交互功能 按鈕、熱區、熱對象三種觸發方式，均以在演示窗口內用鼠標按鈕、熱區、熱對象三種觸發方式，均以在演示窗口內用鼠標觸發某一區域的方法執行交互觸發某一區域的方法執行交互1 1按鈕交互的優勢：按鈕交

56、互的優勢：（1 1）提供八種按鈕狀態，鼠標操作效果豐富）提供八種按鈕狀態，鼠標操作效果豐富（2 2）可以使用系統變量）可以使用系統變量CheckedChecked實現按鈕邏輯狀態切換實現按鈕邏輯狀態切換2 2熱區交互的優勢：熱區交互的優勢：（1 1）可以重疊使用）可以重疊使用（2 2）與背景相對獨立，可以一個熱區交互對應多個背景）與背景相對獨立，可以一個熱區交互對應多個背景（3 3）沒有層的因素，不用考慮顯示問題）沒有層的因素，不用考慮顯示問題5.4.4 5.4.4 按鈕、熱區、熱對象三種交互方式的比較按鈕、熱區、熱對象三種交互方式的比較第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件

57、的交互功能設計5.4 5.4 熱對象交互功能熱對象交互功能3 3熱對象交互的優勢：熱對象交互的優勢：（1 1）可以使用動畫圖標移動熱對象）可以使用動畫圖標移動熱對象（2 2）可以使用）可以使用AuthorwareAuthorware的繪圖工具繪制不規則熱對象的繪圖工具繪制不規則熱對象（3 3）可以利用層來控制熱對象交互是否可用）可以利用層來控制熱對象交互是否可用（4 4）可以使用顯示模式中的透明制作透明熱對象）可以使用顯示模式中的透明制作透明熱對象（5 5）鼠標觸發區域可以不連續）鼠標觸發區域可以不連續 按鈕交互能更容易將兩種功能賦予同一按鈕和實現多個按鈕之按鈕交互能更容易將兩種功能賦予同一按

58、鈕和實現多個按鈕之間的關聯；熱區交互可以重疊使用，可以換背景不換熱區；更加復間的關聯；熱區交互可以重疊使用，可以換背景不換熱區；更加復雜的交互則可以使用熱對象實現。這三種交互方式各有特長，在設雜的交互則可以使用熱對象實現。這三種交互方式各有特長，在設計時應本著取長補短、簡化設計、提高效率的原則，靈活運用。計時應本著取長補短、簡化設計、提高效率的原則，靈活運用。5.5.1 5.5.1 目標區域交互的特點目標區域交互的特點第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功能設計5.5 5.5 目標區域交互功能目標區域交互功能 Target AreaTarget Area（目標區域）交

59、互響應是用戶用鼠標將演示窗口目標區域）交互響應是用戶用鼠標將演示窗口的目標對象（圖標）拖動到一個指定的區域中后，的目標對象（圖標）拖動到一個指定的區域中后，AuthorwareAuthorware運行運行交互分支程序的一種交互方式。交互分支程序的一種交互方式。 實現目標區域交互需要兩個要素，一是實現目標區域交互需要兩個要素，一是Target(Target(目標目標/ /對象對象) )，這一概念與熱對象交互中的這一概念與熱對象交互中的“對象對象”類似，需要在程序中提供具有類似，需要在程序中提供具有顯示二維圖象的圖標（如顯示圖標、交互圖標等）；二是顯示二維圖象的圖標（如顯示圖標、交互圖標等）；二是

60、AreaArea（區區域域) )，這一概念與熱區交互中的，這一概念與熱區交互中的“熱區熱區”相似，建立一個區域等待相似，建立一個區域等待目標的進入以觸發交互。目標區域交互的響應條件是將目標圖標拖目標的進入以觸發交互。目標區域交互的響應條件是將目標圖標拖拽到區域中，并非僅拖動圖標就觸發運行交互分支，用戶如果將目拽到區域中，并非僅拖動圖標就觸發運行交互分支，用戶如果將目標圖標拖到非指定的區域，并不能激活相應的交互功能。標圖標拖到非指定的區域，并不能激活相應的交互功能。5.5.2 5.5.2 目標區域交互的屬性設置目標區域交互的屬性設置第五章第五章 多媒體教學軟件的交互功能設計多媒體教學軟件的交互功