摘 要:在多媒體制作中,交互性作為其中的核心,其作用是顯而易見的。主要利用原有Authorware中菜單功能提出一種交互演示系統(tǒng)的制作方法,并詳細介紹該方法的建立和實施過程。通過具體實例介紹交互圖標、分支程序制作方法,按鈕熱區(qū)響應(yīng)方法制作。通過具體實例可以看出,該方法是行之有效的,巧妙地擴展了原有的功能。
關(guān)鍵詞:交互演示系統(tǒng);分支程序制作;按鈕熱區(qū)響應(yīng);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的交互作用主要通過交互圖標來實現(xiàn)。Authorware的交互方式主要有以下11種方式。
(1) Button響應(yīng)(按鈕響應(yīng));
(2) Hot Spot響應(yīng)(熱區(qū)響應(yīng));
(3) Hot Obiect響應(yīng)(對象響應(yīng));
(4) Target Area響應(yīng)(目標區(qū)響應(yīng));
(5) Pull-down Menu響應(yīng)(下拉菜單響應(yīng));
(6) Conditional響應(yīng)(條件響應(yīng));
(7) Text Entry響應(yīng)(文本輸入響應(yīng));
(8) Keypress響應(yīng)(按鍵響應(yīng));
(9)Tries Limit響應(yīng)(限次響應(yīng));
(10) Time Limit響應(yīng)(限時響應(yīng));
(11) Event響應(yīng)(事件響應(yīng))。
1 交互圖標
交互圖標是設(shè)計圖標工具箱中的第8個圖標。要在程序中創(chuàng)建交互系統(tǒng),首先從設(shè)計圖標工具箱中將交互圖標拖動到程序流程線上。然后在交互圖標的右側(cè)添加交互的響應(yīng)圖標。這些圖標自動排列成流程線,其排列順序與位置有關(guān)。同時這些圖標的名稱在所有圖標的右邊依次從上往下排列,對應(yīng)的圖標順序是從左至右。需要強調(diào)交互圖標不能單獨存在,他需要與其他設(shè)計圖標配合實現(xiàn)交互功能,圖 1列出了一個典型的交互作用分支結(jié)構(gòu),從圖中可以看出一個交互流程包括一個交互圖標、若干個響應(yīng)類型標記、同樣數(shù)目的響應(yīng)圖標和響應(yīng)分支4個部分組成,各部分的功能簡介如下:
圖1 典型的交互作用分支結(jié)構(gòu)
圖2
交互圖標 每一個交互的核心,是顯示圖標、等待圖標和擦除圖標等的組合,可以提供文本圖形、決定分支流向、暫停程序執(zhí)行和擦除窗口內(nèi)容等功能。
響應(yīng)類型 定義用戶與多媒體軟件執(zhí)行交互的控制方法。
響應(yīng) 一旦用戶與多媒體軟件交互,則將沿相應(yīng)的子流程線執(zhí)行。這個子流程線稱為“響應(yīng)路徑”,執(zhí)行的內(nèi)容可以放置除了“交互”和“判定”設(shè)計圖標以外的任何設(shè)計圖標來充當(dāng)分支流線上的響應(yīng)。
響應(yīng)分支 定義程序執(zhí)行該響應(yīng)后的流向。
2 制作分支程序
下面通過“多媒體故宮影集4”實例,簡述創(chuàng)建交互分支程序的基本操作步驟:
(1)流程線上拖入一個顯示圖標,并引入一幅故宮圖片作為背景。
(2) 在流程線上拖入一個交互圖標,并對其命名為“交互”。雙擊該圖標打開該顯示窗口,引入同背景相同的故宮圖片。
(3) 拖動運算圖標到交互圖標的右側(cè),釋放鼠標后彈出交互類型對話框,單擊Hot Spot熱區(qū)響應(yīng)鈕,如圖3所示,然后單擊【OK】按鈕,關(guān)閉交互類型對話框。將新加入的運算圖標命名為“退出”。
(4) 此時,生成一個具有響應(yīng)分支的交互分支結(jié)構(gòu),雙擊運算響應(yīng)圖標,在彈出的對話框中輸入quit()命令,如圖4所示。
圖3 Hot SPot熱區(qū)響應(yīng)鈕
圖4 對話框
(5) 繼續(xù)在交互圖標的右側(cè)拖入2個群組圖標,在彈出的交互類型對話框中選擇Hot Spot熱區(qū)響應(yīng)鈕。將新加入的群組圖標分別命名為“故宮”、“九龍壁”。
(6) 雙擊群組響應(yīng)圖標,打開Layer 2設(shè)計窗口,拖入顯示圖標,并引入相應(yīng)的故宮、九龍壁圖片,如圖5所示。
圖5 Layer設(shè)計窗口
(7) 雙擊“退出”的響應(yīng)類型標記符,彈出Properties:Response對話框,該對話框由Hot Spot選項卡和Response選項卡組成。單擊Response選項卡,在Branch框中選擇Exit Interaction選項,如圖6所示。
圖6 Response對話框1
(8) 分別雙擊“故宮”、“九龍壁”的響應(yīng)類型標記符,在彈出Properties:Response對話框中,在Branch框中選擇Try Again選項,如圖7所示。
圖7 Response對話框2
Response選項卡中的各選項含義如下:
Scope選項:選擇Perpetual復(fù)選框為√時,該響應(yīng)將作用于整個程序。并且Branch選項列表將增添一個新的選項Retum。
Active if選項:在此選項框中可以設(shè)置條件,只有滿足該條件表達式,匹配操作才能激活這個響應(yīng)。
Erase選項:Erase下拉列表中的4個選項可設(shè)定該分支執(zhí)行后,何時擦除該響應(yīng)所對應(yīng)的顯示信息。
After Next Entry,當(dāng)前分支執(zhí)行完立即擦除,等待進行下一個響應(yīng)。
Before Next Entry,當(dāng)前分支執(zhí)行完并不馬上擦除,當(dāng)響應(yīng)了下一個分支時才擦除當(dāng)前響應(yīng)分支所顯示的內(nèi)容。
On Exit時,只有當(dāng)程序運行離開整個交互作用分支結(jié)構(gòu)后,響應(yīng)信息才被擦除。
Don′t Erase時,響應(yīng)信息始終被保留,直到執(zhí)行到專門擦除這些信息的“擦除”圖標為止。
Branch選項:共有3種選項:Try Again(再試)、Exit Interaction(退出交互)和 Continue(繼續(xù)),決定分支流程的不同走向。
Status選項:用于設(shè)置響應(yīng)狀態(tài)。共有3種響應(yīng)狀態(tài):Not Judged不判斷、Correct Response正確判斷和Wrong Response錯誤判斷。
3 制作按鈕熱區(qū)響應(yīng)
熱區(qū)是指演示窗口中的一個演示區(qū)域,通過點擊該區(qū)域內(nèi)制作的按鈕、文字或圖像,從而得到相應(yīng)的反饋信息。熱區(qū)響應(yīng)比按鈕響應(yīng)更容易與背景風(fēng)格協(xié)調(diào)一致。
繼續(xù)“多媒體故宮影集4”實例,簡述創(chuàng)建按鈕熱區(qū)響應(yīng)的基本操作步驟:
(1) 雙擊交互圖標,打開顯示窗口,可以看到所有的按鈕出現(xiàn)在顯示窗口,如圖8所示;
圖8 按鈕選擇窗口
(2) 單擊并拖動這些按鈕,移至所需位置;
(3) 雙擊“退出”的響應(yīng)類型標記符,彈出Properties:Response對話框,如圖9所示。在窗口中可以再次調(diào)整按鈕所需位置。在Hot Spot選項卡頁面中Cursor設(shè)置框,目前為NONE,表示鼠標移到按鈕上,其形狀不發(fā)生變化。
(4) 單擊Cursor框右側(cè)的按鈕,打開鼠標形狀素材庫,如圖 9所示。移動垂直滾動條,選中手形圖案,再單擊【OK】按鈕,關(guān)閉素材庫窗口,返回 Properties:Response對話框。原來的NONE鼠標形狀被設(shè)置為手形。運行程序時,一旦鼠標移到按鈕上,其形狀將變?yōu)槭中涡螤?,提示用戶目前可以單擊該按鈕。
(5) 最后選擇菜單欄中的Control→Play命令,運行結(jié)果如圖10所示。
圖9 Response對話框3
圖10 Control→Ploty命令運行結(jié)果
Hot Spot選項卡頁面中的各項目用于對響應(yīng)區(qū)域的屬性進行設(shè)置,各項目的功能如下:
Size編輯框:用于設(shè)置熱區(qū)響應(yīng)區(qū)域的大小,單位為象素。
Location編輯框:用于定義熱區(qū)的位置,以演示窗口左上角為坐標原點,以熱區(qū)左上角為參考點,以象素為單位。
Key(s)編輯框:用來定義激活熱區(qū)響應(yīng)的快捷鍵。
Match下拉列表框:用來設(shè)置與熱區(qū)響應(yīng)匹配的鼠標動作。Single-Click:單擊鼠標;Double-Click:雙擊鼠標;Cursor in Area:將光標移至熱區(qū)(不按鼠標)。
High lighton Match復(fù)選框:選擇該復(fù)選框為√,則當(dāng)熱區(qū)響應(yīng)發(fā)生時,響應(yīng)區(qū)域會高亮顯示,直至釋放鼠標。
Mark on Match復(fù)選框:選擇該復(fù)選框為√,則在熱區(qū)左側(cè)中央位置處出現(xiàn)一響應(yīng)標記,響應(yīng)發(fā)生后該標記會高亮顯示。
Cursor選擇框:用于定義光標進入熱區(qū)后的樣式。
參考文獻
[1]毛一心,毛一之.多媒體技術(shù)/ 圖像處理/ 平面設(shè)計/ 網(wǎng)頁制作實用教程[M].北京:清華大學(xué)出版社,2007.
[2]毛一之.多媒體應(yīng)用系統(tǒng)的開發(fā)\\[J\\].昆明理工大學(xué)學(xué)報,2006.
[3]劉甘娜,于雙和,朱文勝.應(yīng)用多媒體基礎(chǔ)[M].北京:高等教育出版社,1998.
注:本文中所涉及到的圖表、注解、公式等內(nèi)容請以PDF格式閱讀原文。