Authorware教程：第9章交互結(jié)構(gòu)的設(shè)計(jì)-1

1、第9章交互結(jié)構(gòu)的設(shè)計(jì)9.1交互結(jié)構(gòu)概述一一人機(jī)的互動(dòng)交互圖標(biāo)與交互結(jié)構(gòu)交互結(jié)構(gòu)可以借助交互圖標(biāo) U/來(lái)實(shí)現(xiàn)。當(dāng)程序運(yùn)行中遇到一個(gè)交互圖標(biāo)時(shí)，系統(tǒng)將先顯示這個(gè)圖標(biāo)中包含的文字、圖像等提示 用戶動(dòng)作的信息，然后就會(huì)靜待用戶的參與動(dòng)作，這稱為交互的響應(yīng)。當(dāng)用戶以某種方式響 應(yīng)后，系統(tǒng)立刻將響應(yīng)的類型與交互圖標(biāo)掛接的各分支的響應(yīng)條件一一比擬，找到與之相匹 配的條件，對(duì)用戶的動(dòng)作自動(dòng)作出反應(yīng)，然后根據(jù)情況決定程序流向。交互結(jié)構(gòu)的執(zhí)行過(guò)程一般可分為三個(gè)階段：1顯示信息并等待用戶執(zhí)行動(dòng)作的階段。2 產(chǎn)生響應(yīng)匹配的階段。3 .交互響應(yīng)結(jié)束階段。Ft ?flflLml 5實(shí)例9.1 NBA隊(duì)徽測(cè)試-1ITtfr

2、16韋小于las圖9.1例9-1-NBA隊(duì)徽測(cè)試程序圖9.2例9-1-NBA隊(duì)徽-1測(cè)試運(yùn)行效果9.1.2. 創(chuàng)立交互結(jié)構(gòu)的根本操作把一個(gè)交互圖標(biāo)安排到流程圖上，然后將供選擇的各分支路徑圖標(biāo)一一掛到交互圖標(biāo)的右下方，即形成了一個(gè)交互結(jié)構(gòu)。Larsl 圖9.3典型的交互結(jié)構(gòu)創(chuàng)立一個(gè)交互結(jié)構(gòu)的根本操作步驟如下：1 拖曳一個(gè)交互圖標(biāo)至程序流程線的指定位置。2. 拖曳一個(gè)或幾個(gè)交互響應(yīng)圖標(biāo)到交互圖標(biāo)的右下方以建立交互分支，并在彈出的對(duì)話 框中為它們選擇所需的交互類型。3. 單擊各分支交互響應(yīng)圖標(biāo)上方的交互響應(yīng)方式符號(hào)，在屏幕下方的對(duì)話框中進(jìn)行該交 互響應(yīng)的屬性設(shè)置。4. 雙擊各分支上的交互響應(yīng)圖標(biāo)，對(duì)

3、其作進(jìn)一步的編輯， 以設(shè)計(jì)針對(duì)用戶的不同動(dòng)作系 統(tǒng)給出的各種回應(yīng)信息。實(shí)例9.2輕風(fēng)車影圖9.4例9-2-輕風(fēng)車影運(yùn)行效果 程序設(shè)計(jì)的步驟如下：4-., P4 電樂(lè)卜.jgLtTa. 1囲囹 HBM.jpfL鯽“ 2_? 3$ J2圖9.5例9-2-輕風(fēng)車影程序1 設(shè)置程序的根本參數(shù)。2 從配套光盤(pán)原文件夾中分別選取三個(gè)汽車小圖一一輸入。3.拖曳一個(gè)交互圖標(biāo)至顯示圖標(biāo)下方。4.先后拖曳兩個(gè)群組圖標(biāo)到交互圖標(biāo)的右下方建立兩條交互分支，然后分別為它命名為“提示1、“單擊1，交互類型為“ Hot Object 。5 單擊“提示1分支圖標(biāo)上方的交互響應(yīng)方式符號(hào)抿，進(jìn)行該交互響應(yīng)的屬性設(shè)置。然后復(fù)制“提

4、示1圖標(biāo)并在它右邊粘貼另外兩個(gè)繼承了它所有屬性的圖標(biāo)，分別命名為“提示2、“提示3。6 單擊“單擊1分支圖標(biāo)上方的交互響應(yīng)方式符號(hào)，在屏幕下方的對(duì)話框中進(jìn)行該交互響應(yīng)的屬性設(shè)置。9.1.3. 交互圖標(biāo)的各項(xiàng)屬性設(shè)置單擊選中流程線上的交互圖標(biāo)，在設(shè)計(jì)窗口下方將自動(dòng)翻開(kāi)交互圖標(biāo)的屬性設(shè)置對(duì)話框。里面包含四個(gè)選項(xiàng)卡，其中Display、Layout、CMI、In teraction。Si e JDuplsyi.ML1EUF tvNo畐電：1 Ifj cm Ekl 1冒 |匡Sr EtE e Bona-:T aiise Sb lore EklIIfieldOp切r* SJi r* ttit圖9.6交互

5、圖標(biāo)的屬性設(shè)置對(duì)話框Interaction選項(xiàng)卡中的選項(xiàng)如下：1. Erase此選項(xiàng)提供了擦除交互圖標(biāo)中顯示內(nèi)容的不同方式，共有以下三種: Upon Exit : After Next Entry : Dont Erase:2. Erase :3. Options : Pause Before Exit: Show Button :9.14各分支響應(yīng)類型和參數(shù)設(shè)置設(shè)置了交互圖標(biāo)，還需要為交互圖標(biāo)掛接各分支，以構(gòu)成一個(gè)完整的交互結(jié)構(gòu)。1. 拖曳一個(gè)圖標(biāo)到流程線上交互圖標(biāo)的右下方，建立交互的一個(gè)響應(yīng)分支，在交互響應(yīng) 類型選擇對(duì)話框中選擇一種響應(yīng)類型。圖9.7交互響應(yīng)類型選擇對(duì)話框2. 單擊這個(gè)響應(yīng)

6、圖標(biāo)上方的響應(yīng)類型標(biāo)記，設(shè)置有關(guān)參數(shù)。圖9.8交互響應(yīng)屬性對(duì)話框在不同響應(yīng)類型的交互響應(yīng)屬性對(duì)話框中，位于中間的主體局部都是兩個(gè)選項(xiàng)卡，其中 一個(gè)是本響應(yīng)類型所特有的屬性；另外一個(gè)那么是各種響應(yīng)類型所共有的屬性，即關(guān)于響應(yīng)本 身的屬性設(shè)置，名為Resp on seRespo nse選項(xiàng)卡中的各個(gè)選項(xiàng)。1. Scope:2. Active If :r1按鈕*Tttc：自1BittenEUspcriEA1Setp*1r-r札北汕電If .Mima匹結(jié)駒rStalE 血1 Judge 1申Aft ar Mdit Jitrjrtr sr.chTry人砂尬二|圖9.10交互響應(yīng)的激活條件設(shè)置3.Eras

7、e:Ji圖9.9交互響應(yīng)的作用范圍設(shè)置士 |NdL JuigelISI圖9.11分支擦除方式設(shè)置 在Erase的下拉菜單中，有關(guān)選項(xiàng)如下： After Next Entry Before Next Entry On Exit Dont Erase4. Branch ：分支跳轉(zhuǎn)類型的選擇圖9.12分支跳轉(zhuǎn)類型設(shè)置 在Branch的下拉菜單中，有關(guān)選項(xiàng)如下： Try aga in Con ti nue Exit In teract ion Retur n5. Status:Ea-r 6圖9.13響應(yīng)正誤狀態(tài)設(shè)置 在Status的下拉菜單中，有關(guān)選項(xiàng)如下： Not Judged此選項(xiàng)為缺省選擇，如不

8、進(jìn)行自動(dòng)統(tǒng)計(jì)那么一般不需自動(dòng)判斷正誤。 Correct Resp onse Wrong Resp onse6. Score:用戶響應(yīng)動(dòng)作得分圖 9.14響應(yīng)得分設(shè)置圖9.14響應(yīng)得分設(shè)置9.1.5.各分支的反應(yīng)信息設(shè)置程序設(shè)計(jì)的步驟如下：1 設(shè)置程序的根本參數(shù)。2 從配套光盤(pán)原文件夾中分別選取背景圖、隊(duì)徽?qǐng)D一一輸入。雙擊它們翻開(kāi)預(yù)演窗口調(diào) 整好顯示位置。3 拖曳一個(gè)交互圖標(biāo)至顯示圖標(biāo)下方，然后為它命名，輸入提示用戶選擇答案的信息。4 拖曳一個(gè)群組圖標(biāo)到交互圖標(biāo)的右下方建立一條交互分支，然后為它命名為“A ,交互類型Button ;5 單擊“ A 分支圖標(biāo)上方的交互響應(yīng)方式符號(hào)，在屏幕下方的對(duì)話

9、框中進(jìn)行該交互響應(yīng)的屬性設(shè)置。然后復(fù)制“A圖標(biāo)并在它右邊粘貼另外兩個(gè)繼承了它所有屬性的圖標(biāo)， 分別命名為“ B 、“ C。6.建立限次分支。交互響應(yīng)方式符號(hào)改變?yōu)?7 為各分支設(shè)置執(zhí)行后的程序執(zhí)行流向。&為三個(gè)按鈕類型分支設(shè)置用戶響應(yīng)動(dòng)作的正誤狀態(tài)和得分。9 為各分支設(shè)計(jì)系統(tǒng)在接受了用戶的某一選擇后提供應(yīng)用戶的反應(yīng)信息。10.在流程線交互結(jié)構(gòu)下面參加擦除圖標(biāo)，擦除屏幕上的隊(duì)徽。參加顯示圖標(biāo)，在其中 輸入系統(tǒng)提供應(yīng)用戶的得分情況。9.16 交互響應(yīng)的類型9.2按鈕響應(yīng)類型一一形形色色的按鈕按鈕響應(yīng)類型Button的屬性設(shè)置實(shí)例9.3多彩按鈕按妞樣式半例圖9.15例9-3-多彩按鈕運(yùn)行效果3葺：3

10、-rFs! 千古標(biāo)曇圖9.16例9-3-多彩按鈕程序在按鈕響應(yīng)方式的屬性設(shè)置對(duì)話框中，Butt on選項(xiàng)卡的選項(xiàng)如下:圖9.17按鈕響應(yīng)方式的屬性設(shè)置1. Size2. Location3. label4. Key(s)5. Options包括兩項(xiàng)。 Make Default : Hide When In act :6. Cursorf1|館血序145 cri pUnI 1-in.dari Cujtsqc FeiCkMofUF*十Jijjvltrif CujfdE j*lOjrjarJIi-iniir-f Cuxsa c :MtCaiaaiCj I1-in4a.d. Cuj?qe呂Ti-m-h

11、rd GUT4QE5?1i7rujar,i5，E1Si andiri Cuj-eq r341Cai!sattV圖9.18鼠標(biāo)樣式列表此外，屬性對(duì)話框中還有其他幾項(xiàng)： Title -Type-Open-Butt on s.圖9.19按鈕選擇對(duì)話框在按鈕選擇對(duì)話框中單擊 Add按鈕，翻開(kāi)一個(gè)按鈕編輯對(duì)話框。Wil|3zJ 1-J|r-MJ嘶1WliT |fM1J圖9.20按鈕編輯對(duì)話框從對(duì)話框中我們看到，在常規(guī)情況下左邊Normal下的一列每個(gè)按鈕都可以設(shè)置四種狀態(tài)，這些固有狀態(tài)正是按鈕的根本特征。922按鈕的改良實(shí)例9.4 NBA隊(duì)徽測(cè)試-2圖9.21為NBA隊(duì)徽制作按鈕翻開(kāi)按鈕編輯對(duì)話框。分別

12、導(dǎo)入up、down、over狀態(tài)的圖片，并位置參加聲音。同樣可將準(zhǔn)備好的其他圖片和 一個(gè)比擬沉悶的聲音文件“ Chord. wav 賦予另外兩個(gè)按鈕。圖9.22例9-4-NBA隊(duì)徽測(cè)試-2運(yùn)行效果按鈕狀態(tài)的靈活切換圖9.23例9-5-視頻播放暫停切換運(yùn)行效果程序設(shè)計(jì)的主要步驟如下:hJ審匚尺寸3 tvLosl 1s1W !J陜礪T巴回諸圉時(shí)兇*1*1 -U 41=KcdioJ眄c曠電 呃FCkcrfcctlfE 增能/ 世詩(shī) ipa2； 1Lmat圖9.24例9-5-視頻播放暫停切換程序1 設(shè)置程序的根本參數(shù)，在其后的顯示圖標(biāo)“TV中輸入一幅電視機(jī)圖片。2 建立一個(gè)數(shù)字電影圖標(biāo)，為它輸入一個(gè)視

13、頻圖像文件“電視劇頻道.mpg ,參數(shù)設(shè)置如下圖。圖9.25 數(shù)字電影播放設(shè)置J Jerpetiiil|ealeiJTy譯3 建立一個(gè)交互圖標(biāo)，設(shè)置一條交互分支，按鈕類型。4.為按鈕設(shè)置狀態(tài)。s回H a 回 -2匚a 他* fr-ei 圖9.26 Checked按鈕狀態(tài)設(shè)置5 為電影播放增加控制。退出按鈕設(shè)置后，雙擊分支上的計(jì)算圖標(biāo)，在其中輸入:MediaPause(電視劇, Checked播放/暫停)然后關(guān)閉窗口。9.2.4“無(wú)處不在的永久按鈕響應(yīng)被設(shè)置為永久型的(Perpetual)，是為了使它們隨時(shí)都能被激活。實(shí)例9.6編譯課件圖9. 27例9-6-編譯課件目錄頁(yè)和章節(jié)界面 請(qǐng)翻開(kāi)程序文

14、件觀察交互結(jié)構(gòu)的設(shè)置。圖9. 28例9-6-編譯課件程序在“目錄這個(gè)常見(jiàn)的交互結(jié)構(gòu)之前，參加了一個(gè)名為“永久的交互結(jié)構(gòu)。圖9. 29永久按鈕的分支返回設(shè)置匚 !-*卯*fk. X3J11TvpL rnn- mc. ir斟吐-rMiinLml ?Be nuirbktilled!nrln | Iin tA*.1 ?0Ifturl圖9. 30利用函數(shù)轉(zhuǎn)向模塊 Exit 為確保永久按鈕不被遮蓋，要對(duì)它們?cè)O(shè)置較高的顯示層級(jí)。圖9.31永久按鈕的顯示層級(jí)設(shè)置利用變量 Within，我們把第一章界面上的永久型按鈕作用范圍設(shè)置為Within ，第一章；同樣，把最外層目錄頁(yè)上出現(xiàn)的永久型按鈕作用范圍設(shè)置為Wit

15、hinExit,即在為退出而設(shè)置的模塊中不再起作用。圖9.32永久按鈕的作用范圍9.3熱區(qū)響應(yīng)類型一一方正矩形點(diǎn)熱區(qū)熱區(qū)響應(yīng)類型的屬性設(shè)置熱區(qū)Hot Spot是一個(gè)任意設(shè)定的可備用戶點(diǎn)擊而激活交互的矩形區(qū)域，熱區(qū)響應(yīng)類 型通常用于選擇章節(jié)標(biāo)題等標(biāo)準(zhǔn)的矩形物體。熱區(qū)響應(yīng)的實(shí)現(xiàn)實(shí)例9.7星座遭遇當(dāng)機(jī)一定其塔到妤為止*1X1*電肋帕人回去. 逵頓tntr電肚詢岡時(shí)才崗1S嗥理座圖9.33例9-7-星座遭遇當(dāng)機(jī)運(yùn)行效果在按鈕響應(yīng)方式的屬性設(shè)置對(duì)話框中，Hot Spot選項(xiàng)卡的選項(xiàng)如下:|白羊座 nrTw* fbiSsct寸通liatI險(xiǎn)樂(lè)po良呂電Cwsor： | 桝.JSi： |m幗gh |郵因S匪3ication： |303廠 Jfiaii*十 onM-ar r otDpm琢3 1圖9.34熱區(qū)響應(yīng)方式的屬性設(shè)置1. Size2. Location3. Key(s)4. Match Sin gle-click Double-click Cursor in Area關(guān)于熱區(qū)響應(yīng)的匹配還有另外兩個(gè)可選項(xiàng), Hi