交互演示系統的制作

摘 要：在多媒體制作中，交互性作為其中的核心，其作用是顯而易見的。主要利用原有Authorware中菜單功能提出一種交互演示系統的制作方法，并詳細介紹該方法的建立和實施過程。通過具體實例介紹交互圖標、分支程序制作方法，按鈕熱區響應方法制作。通過具體實例可以看出，該方法是行之有效的，巧妙地擴展了原有的功能。

關鍵詞：交互演示系統；分支程序制作；按鈕熱區響應；Authorware

中圖分類號：TP393 文獻標識碼：B

文章編號：1004-373X(2008)06-069-03

The Design of Alternate Demo System

MAO Yizhi LI Xia GUO Xiangyun2

(1.Electrical Engineering and Automatic College，Hebei University of Technology，Tianjin，300130，China；2.Hebei Polytechnic University，Tangshan，063009，China)

Abstract：Interaction is the hard core ofthe multimedia system and its action is obvious.The design of alternate demo system is recommend in this paper，and the process of constitution and design of the technique are introduced in detail.For example：the facture of alternate icon，ramus program and shortcut area of button.In the examples，this method is proved to be effective and skillfully.

Keywords：alternate demo system；ramus program；shortcut area of button；Authorware

交互性是多媒體的核心，Authorware具有豐富的交互功能，使制作的多媒體軟件多姿多彩。Authorware的交互作用主要通過交互圖標來實現。Authorware的交互方式主要有以下11種方式。

(1) Button響應(按鈕響應)；

(2) Hot Spot響應(熱區響應)；

(3) Hot Obiect響應(對象響應)；

(4) Target Area響應(目標區響應)；

(5) Pull-down Menu響應(下拉菜單響應)；

(6) Conditional響應(條件響應)；

(7) Text Entry響應(文本輸入響應)；

(8) Keypress響應(按鍵響應)；

(9)Tries Limit響應(限次響應)；

(10) Time Limit響應(限時響應)；

(11) Event響應(事件響應)。

1 交互圖標

交互圖標是設計圖標工具箱中的第8個圖標。要在程序中創建交互系統，首先從設計圖標工具箱中將交互圖標拖動到程序流程線上。然后在交互圖標的右側添加交互的響應圖標。這些圖標自動排列成流程線，其排列順序與位置有關。同時這些圖標的名稱在所有圖標的右邊依次從上往下排列，對應的圖標順序是從左至右。需要強調交互圖標不能單獨存在，他需要與其他設計圖標配合實現交互功能，圖 1列出了一個典型的交互作用分支結構，從圖中可以看出一個交互流程包括一個交互圖標、若干個響應類型標記、同樣數目的響應圖標和響應分支4個部分組成，各部分的功能簡介如下：

圖1 典型的交互作用分支結構

圖2

交互圖標 每一個交互的核心，是顯示圖標、等待圖標和擦除圖標等的組合，可以提供文本圖形、決定分支流向、暫停程序執行和擦除窗口內容等功能。

響應類型 定義用戶與多媒體軟件執行交互的控制方法。

響應 一旦用戶與多媒體軟件交互，則將沿相應的子流程線執行。這個子流程線稱為“響應路徑”，執行的內容可以放置除了“交互”和“判定”設計圖標以外的任何設計圖標來充當分支流線上的響應。

響應分支 定義程序執行該響應后的流向。

2 制作分支程序

下面通過“多媒體故宮影集4”實例，簡述創建交互分支程序的基本操作步驟：

(1)流程線上拖入一個顯示圖標，并引入一幅故宮圖片作為背景。

(2) 在流程線上拖入一個交互圖標，并對其命名為“交互”。雙擊該圖標打開該顯示窗口，引入同背景相同的故宮圖片。

(3) 拖動運算圖標到交互圖標的右側，釋放鼠標后彈出交互類型對話框，單擊Hot Spot熱區響應鈕，如圖3所示，然后單擊【OK】按鈕，關閉交互類型對話框。將新加入的運算圖標命名為“退出”。

(4) 此時，生成一個具有響應分支的交互分支結構，雙擊運算響應圖標，在彈出的對話框中輸入quit()命令，如圖4所示。

圖3 Hot SPot熱區響應鈕

圖4 對話框

(5) 繼續在交互圖標的右側拖入2個群組圖標，在彈出的交互類型對話框中選擇Hot Spot熱區響應鈕。將新加入的群組圖標分別命名為“故宮”、“九龍壁”。

(6) 雙擊群組響應圖標，打開Layer 2設計窗口，拖入顯示圖標，并引入相應的故宮、九龍壁圖片，如圖5所示。

圖5 Layer設計窗口

(7) 雙擊“退出”的響應類型標記符，彈出Properties：Response對話框，該對話框由Hot Spot選項卡和Response選項卡組成。單擊Response選項卡，在Branch框中選擇Exit Interaction選項，如圖6所示。

圖6 Response對話框1

(8) 分別雙擊“故宮”、“九龍壁”的響應類型標記符，在彈出Properties：Response對話框中，在Branch框中選擇Try Again選項，如圖7所示。

圖7 Response對話框2

Response選項卡中的各選項含義如下：

Scope選項：選擇Perpetual復選框為√時，該響應將作用于整個程序。并且Branch選項列表將增添一個新的選項Retum。

Active if選項：在此選項框中可以設置條件，只有滿足該條件表達式，匹配操作才能激活這個響應。

Erase選項：Erase下拉列表中的4個選項可設定該分支執行后，何時擦除該響應所對應的顯示信息。

After Next Entry，當前分支執行完立即擦除，等待進行下一個響應。

Before Next Entry，當前分支執行完并不馬上擦除，當響應了下一個分支時才擦除當前響應分支所顯示的內容。

On Exit時，只有當程序運行離開整個交互作用分支結構后，響應信息才被擦除。

Don′t Erase時，響應信息始終被保留，直到執行到專門擦除這些信息的“擦除”圖標為止。

Branch選項：共有3種選項：Try Again(再試)、Exit Interaction(退出交互)和 Continue(繼續)，決定分支流程的不同走向。

Status選項：用于設置響應狀態。共有3種響應狀態：Not Judged不判斷、Correct Response正確判斷和Wrong Response錯誤判斷。

3 制作按鈕熱區響應

熱區是指演示窗口中的一個演示區域，通過點擊該區域內制作的按鈕、文字或圖像，從而得到相應的反饋信息。熱區響應比按鈕響應更容易與背景風格協調一致。

繼續“多媒體故宮影集4”實例，簡述創建按鈕熱區響應的基本操作步驟：

(1) 雙擊交互圖標，打開顯示窗口，可以看到所有的按鈕出現在顯示窗口，如圖8所示；

圖8 按鈕選擇窗口

(2) 單擊并拖動這些按鈕，移至所需位置；

(3) 雙擊“退出”的響應類型標記符，彈出Properties：Response對話框，如圖9所示。在窗口中可以再次調整按鈕所需位置。在Hot Spot選項卡頁面中Cursor設置框，目前為NONE，表示鼠標移到按鈕上，其形狀不發生變化。

(4) 單擊Cursor框右側的按鈕，打開鼠標形狀素材庫，如圖 9所示。移動垂直滾動條，選中手形圖案，再單擊【OK】按鈕，關閉素材庫窗口，返回 Properties：Response對話框。原來的NONE鼠標形狀被設置為手形。運行程序時，一旦鼠標移到按鈕上，其形狀將變為手形形狀，提示用戶目前可以單擊該按鈕。

(5) 最后選擇菜單欄中的Control→Play命令，運行結果如圖10所示。

圖9 Response對話框3

圖10 Control→Ploty命令運行結果

Hot Spot選項卡頁面中的各項目用于對響應區域的屬性進行設置，各項目的功能如下：

Size編輯框：用于設置熱區響應區域的大小，單位為象素。

Location編輯框：用于定義熱區的位置，以演示窗口左上角為坐標原點，以熱區左上角為參考點，以象素為單位。

Key(s)編輯框：用來定義激活熱區響應的快捷鍵。

Match下拉列表框：用來設置與熱區響應匹配的鼠標動作。Single-Click：單擊鼠標；Double-Click：雙擊鼠標；Cursor in Area：將光標移至熱區(不按鼠標)。

High lighton Match復選框：選擇該復選框為√，則當熱區響應發生時，響應區域會高亮顯示，直至釋放鼠標。

Mark on Match復選框：選擇該復選框為√，則在熱區左側中央位置處出現一響應標記，響應發生后該標記會高亮顯示。

Cursor選擇框：用于定義光標進入熱區后的樣式。

參考文獻

[1]毛一心，毛一之.多媒體技術/ 圖像處理/ 平面設計/ 網頁制作實用教程[M].北京：清華大學出版社，2007.

[2]毛一之.多媒體應用系統的開發\\[J\\].昆明理工大學學報，2006.

[3]劉甘娜，于雙和，朱文勝.應用多媒體基礎[M].北京：高等教育出版社，1998.

注：本文中所涉及到的圖表、注解、公式等內容請以PDF格式閱讀原文。