【正文】 第七章 使用交互圖標(biāo)創(chuàng)建人機(jī)交互功能 看電視的時候，有時雖然你有告訴主人公應(yīng)該怎樣做的沖動，但你知道那是不可能的?，F(xiàn)在，使用多媒體程序就可以實(shí)現(xiàn)這一功能，因?yàn)槎嗝襟w程序的最大特點(diǎn)就是交互性。那么，如何實(shí)現(xiàn)人機(jī)交互呢？在 Authorware 中，使用功能強(qiáng)大的【交互】圖標(biāo)就可以完成人機(jī)交互功能的創(chuàng)建。 建立交互結(jié)構(gòu)并設(shè)置其屬性 在 Authorware 【交互】圖標(biāo)。使用【交互】圖標(biāo)可以設(shè)置 Authorware 11 種交互方式，并控制其交互屬性。 建立交互結(jié)構(gòu) 【交互】圖標(biāo)具有【顯示】圖標(biāo)和【決策】圖標(biāo)的雙重作用，它既可以顯示文本、圖形 /圖像、數(shù)字化電影等對象，又可以實(shí)現(xiàn)程序的判斷分枝功能。 1. 建立交互結(jié)構(gòu)的方法如下： ? 在程序主流程線上添加【交互】圖標(biāo)，命名。 ? 【交互】圖標(biāo)只能添加到主流程線上。 ? 根據(jù)需要，將一個圖標(biāo)拖動到流程線上【交互】圖標(biāo)右側(cè)，釋放鼠標(biāo)左鍵，彈出【 Response Type】對話框，如圖 71所示。 第七章 使用交互圖標(biāo)創(chuàng)建人機(jī)交互功能 80 AAuutthhoorrwwaarree 66 80 圖 71 【 Response Type】對話框 ? 選擇需要的交互類型，單擊【 OK】按鈕，該圖標(biāo)將添加到交互結(jié)構(gòu)中。本 節(jié)第二部分將逐個說明這些交互類型。 ? 繼續(xù)在右側(cè)添加交互圖標(biāo)，此時不再出現(xiàn)【 Response Type】對話框，將繼續(xù)沿用前一個圖標(biāo)的交互類型，在以下的章節(jié)中我們將學(xué)習(xí)如何設(shè)置交互類型。 ? 繼續(xù)添加所需的圖標(biāo)，結(jié)果如圖 72所示。 圖 72 設(shè)置響應(yīng)結(jié)果 2. 11種交互響應(yīng)類型 ? 【 Button】（按鈕）交互 【 Button】交互是多媒體程序中比較常用的交互方式之一。選擇【 Button】交互，程序進(jìn)入交互時會在屏幕上顯示一個按鈕，用戶使用鼠標(biāo)單擊或雙擊（根據(jù)設(shè)置）該按鈕時，程序進(jìn)入交互分枝結(jié)構(gòu)運(yùn)行 。 ? 【 Hot Spot】（熱區(qū)）交互 【 Hot Spot】交互也是多媒體程序中常用的交互方式之一。在這種交互方式下，屏幕上的某些區(qū)域被定義成熱區(qū)，用戶用鼠標(biāo)單擊、雙擊或鼠標(biāo)指針進(jìn)入熱區(qū)（根據(jù)設(shè)置）時，程序進(jìn)入交互分枝運(yùn)行。 ? 【 Hot Object】（熱物體）交互 選中【 Hot Object】交互方式， Authorware ，程序運(yùn)行時，用戶對熱物體進(jìn)行操作時（單擊、雙擊或指向熱物體，根據(jù)設(shè)置而改變），程序進(jìn)入交互分枝結(jié)構(gòu)。 ? 【 Target Area】（目標(biāo)區(qū)域）交互 選 中【 Target Area】交互響應(yīng)方式時，需要選定目標(biāo)對象和目標(biāo)區(qū)域。程序運(yùn)行過程中，如果用戶將目標(biāo)對象拖動到了目標(biāo)區(qū)域，則會激發(fā)交互分枝的運(yùn)行。 ? 【 PullDown Menu】（下拉菜單）交互 Authorware 中的下拉菜單是通過交互的方式創(chuàng)作得到的。用戶選中了下拉菜單中第七章 使用交互圖標(biāo)創(chuàng)建人機(jī)交互功能 81 第第 七七 章章 81 的菜單項(xiàng)，程序就會進(jìn)入【 PullDown Menu】交互響應(yīng)結(jié)構(gòu)運(yùn)行。 ? 【 Conditional】（條件）交互 Authorware ，并設(shè)置成【 Conditional】交互，一旦程序檢測到該表達(dá)式的值為真，將進(jìn)入交互分枝結(jié)構(gòu)中執(zhí)行。 ? 【 Text Entry】（文本）交互 文本交互也是多媒體程序中常用的交互方式之一。程序遇到【 Text Entry】交互時，會在屏幕上出現(xiàn)一個文本輸入框，如果用戶在該輸入框中輸入的內(nèi)容與預(yù)定內(nèi)容一致，將激活交互分枝結(jié)構(gòu)。 ? 【 Keypress】（按鍵）交互 程序運(yùn)行到【按鍵】交互時，只要用戶按下程序中指定的鍵，程序?qū)⑦M(jìn)入交互分枝結(jié)構(gòu)運(yùn)行。 ? 【 Tries Limit】（限次）交互 使用【 Tries Limit】交互可以指定限制用戶交互的次數(shù)，最后程 序顯示用戶嘗試不成功的次數(shù)，并退出交互。 ? 【 Time Limit】（限時）交互 使用【 Time Limit】交互可以限制用戶響應(yīng)交互的時間，如果超時將提示用戶后退出交互。 ? 【 Event】（事件）交互 【 Event】交互在一般的多媒體程序中不會使用，它主要用于設(shè)置計算機(jī)與 Xtras文件之間的交互。 設(shè)置交互屬性 在 Authorware ，設(shè)置交互的屬性需要利用【 Properties： Interaction Icon】對話框。在本章中，我們將一直與交互設(shè)計打交道，所以首先應(yīng)該認(rèn)識該 對話框。 下面是使用【 Properties： Interaction Icon】對話框設(shè)置交互屬性的方法。 ? 選中交互圖標(biāo)。 ? 執(zhí)行菜單命令【 Modify】→【 Icon】→【 Properties】（ Ctrl＋ I），打開【 Properties：Interaction Icon】對話框，如圖 73所示。 ? 在【 Erase：】下拉列表中選擇合適的選項(xiàng)，對交互信息的擦除進(jìn)行控制。 【 Upon Exit】（結(jié)束時）：此選項(xiàng)是 Authorware ，當(dāng)交互分枝運(yùn)行結(jié)束時，交互作用的顯示信息將被擦除。 【 After Next Entry】（每次響應(yīng)后）：選中該項(xiàng)后，交互信息將在響應(yīng)后擦除。如果選擇【 Try Again】分枝流向，該交互信息在擦除后會重新顯示。 【 Don’t Erase】（不擦除）：選擇此項(xiàng)，交互信息會一直保留。 第七章 使用交互圖標(biāo)創(chuàng)建人機(jī)交互功能 82 AAuutthhoorrwwaarree 66 82 圖 73 【 Properties： Interaction Icon】對話框 ? 單擊【 Erase】文本框右側(cè)的“ ”按鈕，彈出【 Erase Transition】對話框，可以設(shè)置擦除交互信息的過渡方式，設(shè)置的方法與第六章中 說明的方法相同。 單擊【 Display】標(biāo)簽，如圖 74所示。在該對話框中可以設(shè)置【交互】圖標(biāo)中內(nèi)容的顯示方式。 圖 74 【 Properties： Interaction Icon】對話框【 Display】標(biāo)簽 ? 單擊【 Properties： Interaction Icon】對話框的【 Layout】標(biāo)簽，如圖 75所示。該標(biāo)簽中的選項(xiàng)用于設(shè)置顯示位置屬性，設(shè)置方法參見第六章中說明。 ? 在【 Option：】項(xiàng)中選中【 Pause Before Eixt：】復(fù)選框，表示程序在退出交互作用時， Authorware會 暫停程序的執(zhí)行，以留有足夠的時間給用戶瀏覽交互信息。用戶瀏覽完畢時，按任意鍵或單擊鼠標(biāo)，程序都會繼續(xù)運(yùn)行。 選中【 Pause Before Eixt：】復(fù)選框后，【 Show Button】復(fù)選框有效，選中它時程序在暫停期間顯示【 Continue】按鈕。 第七章 使用交互圖標(biāo)創(chuàng)建人機(jī)交互功能 83 第第 七七 章章 83 圖 75 【 Properties： Interaction Icon】對話框【 Layout】標(biāo)簽 ? 單擊【 Properties： Interaction Icon】對話框的【 Display】標(biāo)簽，如圖 74所示。該標(biāo)簽中的選項(xiàng)用于設(shè)置顯示屬性，設(shè)置方法參見第六 章中說明。 ? 單擊【 Properties： Interaction Icon】對話框的【 CMI】標(biāo)簽，如圖 76所示。該標(biāo)簽中的選項(xiàng)用于設(shè)置知識對象的屬性。 圖 76 【 Properties： Interaction Icon】對話框【 CMI】標(biāo)簽 Authorware 的交互類型（一） Authorware 11種交互方式，也就是 11種不同的響應(yīng)類型。本章中我們將以實(shí)例方式講解按鈕交互、熱區(qū)交互和熱對象交互的設(shè)置。 本節(jié)中的實(shí)例功能是單擊圖形名稱，在顯示位置顯示出該圖形。下面分別 使用按鈕交互、熱區(qū)交互和熱對象交互方式實(shí)現(xiàn)此實(shí)例。 按鈕交互 按鈕交互是多媒體程序中常用的交互方式之一，它的主要優(yōu)點(diǎn)是設(shè)計簡單，效果直觀明了，雖然有時會破壞程序的整體美感，但通過設(shè)計與背景風(fēng)格一致的按鈕也可以解決這第七章 使用交互圖標(biāo)創(chuàng)建人機(jī)交互功能 84 AAuutthhoorrwwaarree 66 84 一問題，甚至得到更好的演示效果。 由于交互屬性的設(shè)置非常復(fù)雜，下面分制作過程和屬性設(shè)置兩個部分進(jìn)行說明。 1. 設(shè)計按鈕交互實(shí)例 在此例中，我們將為多媒體程序添加六個按鈕，分別命名為“直線”、“斜線”、“橢圓”、“矩形”、“圓角矩形”和“多邊形”。單擊按鈕后，將會顯示出與圖標(biāo)名稱相同 的線型。 ? 啟動 Authorware ，新建一個文件。 ? 添加一個【顯示】圖標(biāo)，命名為“背景”。 ? 雙擊“背景”圖標(biāo)，在演示窗口中創(chuàng)作如圖 77所示內(nèi)容。 ? 在流程線上添加一個【交互】圖標(biāo)，命名為“圖形”。 圖 77 按鈕交互實(shí)例背景 ? 前面“背景”圖標(biāo)中的內(nèi)容也可以直接繪制在“圖形”圖標(biāo)下。 ? 拖動一個【顯示】圖標(biāo)到“圖形”圖標(biāo)的右下側(cè)，釋放左鍵，單擊彈出的【 Response Type】對話框中的【 OK】按鈕（因?yàn)椤?Button】交互方式是系統(tǒng)默認(rèn)方式），命名為“直線”。 ? 在按鈕交互方式下，圖標(biāo)的名稱即按 鈕上要顯示的文本。 ? 用同樣的方法依次添加 5個顯示圖標(biāo)，分別命名為“斜線”、“橢圓”、“矩形”、“圓角矩形”和“多邊形”圖標(biāo)。設(shè)計完畢的設(shè)計窗口如圖 78所示。 ? 雙擊“圖形”圖標(biāo)，打開其設(shè)計窗口，調(diào)整按鈕的位置。 ? 調(diào)整按鈕的位置時，也可以使用【 Align… 】對話框。 ? 設(shè)置交互屬性，具體項(xiàng)目在下面進(jìn)行說明。 ? 雙擊“直線”圖標(biāo)，在演示窗口中創(chuàng)作一條直線。 ? 用同樣的方法對其他圖標(biāo)進(jìn)行編輯，完成程序的設(shè)計，保存程序。 第七章 使用交互圖標(biāo)創(chuàng)建人機(jī)交互功能 85 第第 七七 章章 85 ? 運(yùn)行程序，單擊“橢圓”按鈕，響應(yīng)結(jié)果如圖 79所示。 圖 78 按鈕交互實(shí)例 圖 79 按鈕交互實(shí)例運(yùn)行結(jié)果 2. 按鈕交互屬性設(shè)置 在以后的屬性設(shè)置過程中，凡是前面說明過的項(xiàng)目將直接說明選用的方法，而不再詳細(xì)說明。 以下是使用【 Properties： Response】對話框（圖 710）設(shè)置交互屬性的方法。 ? 雙擊“直線”圖標(biāo)上方的“ ”交互類型標(biāo)志，打開【 Properties： Response】對話框。 ? 單擊【 Buttons… 】按鈕，彈出如圖 711 所示的【 Buttons】對話框。在此對話框中可以選擇需要的按鈕形式（單擊需要使用按鈕形式）、編輯已經(jīng)存在的按鈕（選擇【 Edit】按鈕）、添加新的 按鈕（選擇【 Add】按鈕），還可以設(shè)置按鈕上文本的第七章 使用交互圖標(biāo)創(chuàng)建人機(jī)交互功能 86 AAuutthhoorrwwaarree 66 86 字體和字號（在【 System Buttons：】右側(cè)兩個下拉列表框中選擇）。設(shè)置完畢后，單擊【 OK】按鈕退出【 Buttons… 】對話框，回到【 Properties ： Response】 對話框。 圖 710 【 Properties： Response】對話框 圖 711 【 Buttons】對話框 ? 單擊【 Open】按鈕，將打開該圖標(biāo)處的演示窗口，進(jìn)行編輯工作。 ? 從【 Type：】下拉列表中選擇一種類型，可以改變該交互響應(yīng)方式。 ? 在【 Size：】文本框中顯示的 是按鈕的大小，可以通過直接輸入數(shù)據(jù)的方式定義按鈕的大小。 ? 在【 Location：】文本框中顯示的是按鈕所處位置的坐標(biāo)（單位是像素），直接在文本框中輸入坐標(biāo)數(shù)值，可以準(zhǔn)確定位按鈕對象。 ? 在【 Label：】文本框中顯示的是按鈕上顯示的文本，更改此文本將更改圖標(biāo)上的文本，同時更改此圖標(biāo)的名稱。 ? 在【 Key（ s）：】文本框中可以設(shè)置本按鈕的快捷鍵，程序運(yùn)行過程中，用戶按下此鍵和單擊按鈕的作用是相同的，例如輸入“ L|l”表示 Line（直線）。 第七章 使用交互圖標(biāo)創(chuàng)建人機(jī)交互功能 87 第第 七七 章章 87 ? 如果需要使用類似“ Enter”或“ Esc”鍵作為快捷鍵，直接在此框中輸入“ Enter”或“ Esc”字符串。 ? 在【 Options：】項(xiàng)中有【 Make Default】復(fù)選框，表示程序運(yùn)行到交互結(jié)構(gòu)時，是否將該按鈕設(shè)置為默認(rèn)值，即可以使用“ Enter”鍵直接激發(fā)；【 Hide When Inactive】復(fù)選框表示該按鈕不起作用時是否隱藏它。在本例中不必選中這兩項(xiàng)。 ? 如果在同一個交互圖標(biāo)下，設(shè)置了多個按鈕都選中【 Make Default】，則 Authorware 將第一個具有該屬性的按鈕設(shè)置為默認(rèn)值。 ? 單擊【 Cursor：】項(xiàng)右側(cè)的“ ”按鈕，打開【 Cursors】對話框，如圖 712所 示。在此對話框中可以選擇鼠標(biāo)位于按鈕上時的指針形狀（單擊需要選中的指針形狀）、添加指針形狀（單擊【