【文章內(nèi)容簡介】 創(chuàng)建人機交互功能 97 第第 七七 章章 97 圖 726 文本輸入交互實例 ? 同時打開“背景”和“回答”兩個圖標(biāo)，調(diào)整文本輸入框到適當(dāng)位置，如圖 727所示，關(guān)閉演示窗口。 圖 727 調(diào)整文本輸入框位置 ? 雙擊“ a|A”圖標(biāo)上方的交互類型標(biāo)志“ ”，打開【 Properties： Response】對話框。如圖 728 所示。 ? 在【 Pattern：】文 本框中顯示的就是預(yù)設(shè)文本，可以直接進行修改。注意修改的同時，該圖標(biāo)的名稱會隨之變化。 ? 在預(yù)設(shè)文本中可以使用通配符，即用“ *”接受所有文本，用“？”接受所有單字符文本。還可以使用“ |”表示兩種文本都可以進入交互，用“?！北硎径啻螄L試后方可進入交互，例如“ a|A”表示輸入“ a”或“ A”都可以得到響應(yīng)；“＃ 3a”表示必須輸入字符“ a”三次才可以響應(yīng)。 ? 如果需要響應(yīng)的文本就是“ *”或“ ?”，則需要在其前面加上“ \”，例如“ \*”。 第七章 使用交互圖標(biāo)創(chuàng)建人機交互功能 98 AAuutthhoorrwwaarree 66 98 圖 728 【 Properties： Response】對話框 ? 在【 Match at Least：】文本框中可以設(shè)置用戶最少應(yīng)當(dāng)輸入的匹配的單詞個數(shù)，如果不填表示必須全部匹配。 ? 如果【 Pattern：】文本框中輸入了多個單詞，并選中【 Incremental Matching】復(fù)選框，則用戶有多次補充機會。例如【 Pattern：】文本框中設(shè)置為“ Number one”，用戶輸入“ Number”無法進行響應(yīng)，再輸入“ one”就可以進入交互結(jié)構(gòu)響應(yīng)。 ? 【 Ignore：】項的內(nèi)容表示忽略對用戶輸入內(nèi)容的控制，在本實例中為全部取消。 【 Capitalization】復(fù)選框：選中此復(fù)選框后， Authorware 將忽略用戶輸入文本的大小寫。 【 Spaces】復(fù)選框：忽略用戶輸入文本中的空格，一般很少使用。 【 Extra Words】復(fù)選框：忽略多余的詞，例如輸入“ Number One”或“ Number Two”均可響應(yīng)“ Number”文本響應(yīng)。 【 Extra Punctuation】復(fù)選框：選中此復(fù)選框后， Authorware將忽略用戶輸入文本中的多余標(biāo)點符號。 【 Word Order】復(fù)選框：忽略單詞順序，即不考慮用戶輸入文本與預(yù)設(shè)文本的單詞順序，只考慮內(nèi)容。例如，選中此項后，輸入“ One Number”也可以與“ Number One”匹配，進行響應(yīng)。 ? 設(shè)置完畢后，單擊【 OK】按鈕，關(guān)閉【 Properties： Response】對話框。 ? 按照同樣的設(shè)置，對“ b|B”和“ c|C”圖標(biāo)進行設(shè)置。 ? 同時打開“背景”和“ a|A”圖標(biāo)，設(shè)計如圖 729所示的交互信息并全部選中后，執(zhí)行菜單命令【 Edit】→【 Copy】（ Ctrl＋ C）拷貝。 第七章 使用交互圖標(biāo)創(chuàng)建人機交互功能 99 第第 七七 章章 99 圖 729 設(shè)置“ a|A”圖標(biāo) ? 文本中的“ {EntryText}”表示直接顯示輸入文本?！?EntryText”是系統(tǒng)變量，這方面的內(nèi)容我們在以后進行說明。 ? 再同時打開“背 景”和“ b|B”圖標(biāo)，執(zhí)行【 Edit】→【 Paste】（ Ctrl＋ V）菜單命令，將同樣的內(nèi)容粘貼到該圖標(biāo)下。 ? 同時打開“背景”和“ c|C”圖標(biāo)，輸入提示回答正確的信息。至此，程序設(shè)計完畢，保存程序。 ? 運行程序，輸入“ A”后按回車鍵，運行效果如圖 730 所示。再輸入“ c”后按回車鍵，結(jié)果如圖 731所示。 圖 730 文本輸入交互實例效果 1 第七章 使用交互圖標(biāo)創(chuàng)建人機交互功能 100 AAuutthhoorrwwaarree 66 100 圖 731 文本輸入交互實例效果 2 ? 為了增強程序的逼真效果，可以增加一個【等待】圖標(biāo)（該圖標(biāo)的具體用法不再詳細說明），并在用戶輸入文本后顯示“稍等一會兒，我在 思考…”等文本。另外，將交互信息使用過渡方式（還記得嗎？）顯示，可以增強程序的顯示效果。以上方法，請你自己試一試。 按鍵交互 使用按鍵交互方式可以對用戶按下的某個鍵進行響應(yīng)。下面我們用按鍵交互方式完成上面用文本輸入方式完成的實例。 由于這兩個實例完成的功能是完全一樣的，只是交互方式的不同，如果直接從文本輸入交互實例上進行修改，一定可以節(jié)省不少工作量。下面我們將直接在文本輸入實例上進行修改。 ? 打開文本輸入交互實例文件，另存為按鍵交互文件（具體文件名，用戶可以靈活掌握）。 ? 雙擊“背景”圖標(biāo)，將其修 改為圖 732所示結(jié)果。 ? 不改變交互結(jié)構(gòu)中的 3個【顯示】圖標(biāo)的名稱。 ? 與文本輸入交互一樣，按鍵交互也要求用戶按下的鍵與預(yù)設(shè)鍵一致才可響應(yīng)，在此，圖標(biāo)的名稱就是預(yù)設(shè)按鍵名稱。對于非字母鍵，直接使用鍵盤上出現(xiàn)的名稱命名，例如“ Esc”、“ Enter”、“ Home”等等。 ? 雙擊“ a|A”圖標(biāo)上方的交互類型表示，打開【 Properties： Response】對話框（參見圖 728）。 ? 從【 Response Type：】下拉列表中選擇“ KeyPress”項，此時的【 Properties： Response】對話框如圖 733 所示。 第七章 使用交互圖標(biāo)創(chuàng)建人機交互功能 101 第第 七七 章章 101 圖 732 按鍵交互實例背景 圖 733 按鍵交互【 Properties： Response】對話框 ? 在【 Key（ s）：】文本框中顯示的就是預(yù)設(shè)按鍵，可以直接進行修改。注意修改的同時，該圖標(biāo)的名稱會隨之變化。單擊【 OK】按鈕，關(guān)閉【 Properties： Response】對話框。 ? 用同樣的方法修改“ b|B”和“ c|C”圖標(biāo)，修改完畢的設(shè)計窗口如圖 734所示。 圖 734 按鍵交互實例 第七章 使用交互圖標(biāo)創(chuàng)建人機交互功能 102 AAuutthhoorrwwaarree 66 102 ? 雙擊打開“ a|A”圖標(biāo)的演示窗口，按圖 735 所示內(nèi)容修改。 圖 735 按鍵交互中的 “ a|A”圖標(biāo) ? 圖 735 中的“ {Key}”是系統(tǒng)變量，表示用戶剛才按下的鍵。 ? 按同樣的方法修改“ b|B”和“ c|C”圖標(biāo)。 ? 完成程序的修改，保存。 ? 運行程序，按下“ a”鍵，程序運行的結(jié)果如圖 736所示。再按下“ c”鍵，結(jié)果如圖 737所示。 圖 736 按鍵交互實例運行效果 1 第七章 使用交互圖標(biāo)創(chuàng)建人機交互功能 103 第第 七七 章章 103 圖 737 按鍵交互實例運行效果 2 ? 我們可以看到，對于結(jié)構(gòu)和功能相似的程序，用修改的方法比從頭制作要快得多。但是，在實際工作中，真正能夠通過簡單的修改就實現(xiàn)的工作并不多見，此處僅僅給出一個修改的實例。以后的實例中我們不 再使用修改的方式。 條件交互 在 Authorware中，讓程序監(jiān)控某個變量或表達式的值，如果此值為真，可以進行響應(yīng)，這就是條件交互。條件交互使用起來非常靈活，是多媒體程序設(shè)計中比較常用的一種交互方式。 下面我們用條件交互的方式來完成上面的實例?；驹O(shè)計思路是利用一個文本輸入交互方式讀入用戶輸入的內(nèi)容，再用條件交互判斷該內(nèi)容是否滿足條件，進行不同的響應(yīng)。 ? 啟動 Authorware ，新建一個文件。 ? 添加一個【顯示】圖標(biāo)，命名為“背景”。 ? 雙擊“背景”圖標(biāo)，在演示窗口中創(chuàng)作如圖 738 所示的 內(nèi)容。 ? 在流程線上添加一個【交互】圖標(biāo)，命名為“回答”。 ? 在“回答”圖標(biāo)右側(cè)添加 3個【顯示】圖標(biāo)，設(shè)置成【 Conditional】（條件）交互，分別命名為“ EntryText＝“ a” |EntryText=“ A””、“ EntryText＝“ b” |EntryText=“ B””和“ EntryText＝“ c” |EntryText=“ C””。 ? 在條件交互中，圖標(biāo)的名稱就是用于判斷的條件，所以以上圖標(biāo)名稱不能更改。名稱中的“ |”表示“或”的意思，即兩種條件都可以進行響應(yīng)，得到交互信息。 ? 再添加一個【組】圖標(biāo)到“回答”交 互圖標(biāo)最右側(cè)，命名為“？”。 第七章 使用交互圖標(biāo)創(chuàng)建人機交互功能 104 AAuutthhoorrwwaarree 66 104 圖 738 條件響應(yīng)實例背景 ? 本次交互唯一的作用是讀入文本并存儲到系統(tǒng)變量中，不需要其他的操作，因此使用【組】圖標(biāo)。 ? 同時打開“背景”和“回答”圖標(biāo)，調(diào)整好文本輸入框的位置。 ? 雙擊“ EntryText＝“ a” |EntryText=“ A””圖標(biāo)上側(cè)的“ ”交互類型標(biāo)志，彈出【 Properties： Response】對話框，如圖 739所示。 圖 739 條件交互【 Properties： Response】對話框 ? 在【 Condition：】文本框中出現(xiàn)的是該條件交互的判斷 條件，它與圖標(biāo)的名稱是完全一致的。 ? 在【 Automatic：】下拉列表中給出的是 Authorware ： 【 Off】：取消自動匹配，只有用戶作出響應(yīng)動作時才進行判斷是否匹配。 第七章 使用交互圖標(biāo)創(chuàng)建人機交互功能 105 第第 七七 章章 105 【 When True】：程序隨時監(jiān)測條件表達式的值，只要為真就進入交互執(zhí)行。 【 On False to True】：程序監(jiān)測條件表達式的值，當(dāng)此值從假變成真的時候響應(yīng)。 ? 單擊“ *”圖標(biāo)上方的“ ”交互響應(yīng)類型標(biāo)志，打開【 Properties： Response】對話框，從【 Type：】下拉列表框中選擇【 Text Entry】（文本輸入）交互方式。 ? 同時打開“背景”圖標(biāo)和“ EntryText＝“ a” |EntryText=“ A””圖標(biāo)，輸入如圖740所示內(nèi)容。 ? 用類似的方法設(shè)置“ EntryText＝“ b” |EntryText=“ B””和“ EntryText＝“ c” |EntryText=“ C””圖標(biāo)，注意“ EntryText＝“ c” |EntryText=“ C””圖標(biāo)中的信息應(yīng)當(dāng)是選擇正確信息。 ? 設(shè)計完成，保存文件。 圖 740 設(shè)計“ EntryText＝“ a” |EntryText=“ A””圖標(biāo) ? 運行程序，輸入“ b”，運行效果如圖 741所示，再輸入“ C”，效果如圖 742所示。 圖 741 條件交互實例運行效果 1 第七章 使用交互圖標(biāo)創(chuàng)建人機交互功能 106 AAuutthhoorrwwaarree 66 106 圖 742 條件交互實例運行效果 2 ? 可以看出，如果僅從本實例角度講，使用條件交互并不比文本輸入交互簡單。實際上條件交互和文本輸入交互沒有必然聯(lián)系，使用條件交互可以判斷系統(tǒng)狀態(tài)，可以判斷用戶通過其他方式（例如單擊鼠標(biāo)）等改變的條件。 Authorware 的交互類型（三） 在使用多媒體程序?qū)W習(xí)的時候，為了記錄用戶進度，需要建立個人檔案。為了防止他人入侵多媒體程序并修改別人的檔案， 需要用戶輸入密碼，考慮到用戶在輸入密碼時可能會出現(xiàn)失誤，一般安排 3次機會。另外，如果用戶長時間不響應(yīng)程序，可能用戶已經(jīng)離開或他人正在使用其它工具試圖破壞程序，可以設(shè)置輸入密碼的時間，超時則退出程序。 限次交互 下面我們來設(shè)置一個限次交互，用以完成常用的密碼輸入功能。 ? 啟動 Authorware ，新建一個文件。 ? 添加一個【計算】圖標(biāo)，命名為“調(diào)整窗口大小”。 ? 雙擊“調(diào)整窗口大小”圖標(biāo)，打開“調(diào)整窗口大小”的設(shè)計窗口，在窗口中輸入“ Resizewindow（ 320,240）”，結(jié)果如圖 743所示。 第七章 使用交互圖標(biāo)創(chuàng)建人機交互功能 107 第第 七七 章章 107 圖 743 “調(diào)整窗口大小”設(shè)計窗口 ? 此處用到系統(tǒng)函數(shù)“ ResizeWindow（ x， y）”，其功能是調(diào)整窗口大小。 ? 單擊“ ”按鈕，選擇彈出的對話框（系統(tǒng)詢問是否保存設(shè)置）的【 Yes】按鈕，保存設(shè)置。 ? 直接按小鍵盤上的“ Enter”鍵，可以直接保存設(shè)置，并關(guān)閉窗口。 ? 添加一個【顯示】圖標(biāo)，命名為“背景”。 ? 雙擊“背景”圖標(biāo)，在演示窗口中創(chuàng)建如圖 744 所示內(nèi)容。 圖 744 限次交互實例背景 ? 在主流程線上添加【交互】圖標(biāo)， 命名為“輸入密碼”。 ? 在“輸入密碼”右側(cè)添加一個【顯示】圖標(biāo)，選擇【 Text Entry】（文本輸入）交互方式，命名為“ Authorware”。 ? “ Authorware”就是本實例程序的密碼，為什么？ ? 雙