第9章交互圖標(biāo)

第9章交互圖標(biāo)Authorware

多媒體技術(shù)專向培訓(xùn)9.1程序交互的基本概念一、Authorware的交互性Authorware可以向用戶演示信息，Authorware也可以通過相關(guān)技術(shù)從用戶處接收信息。Authorware通常利用按鈕、菜單、文本輸入等方式實(shí)現(xiàn)交互。二、Authorware的交互結(jié)構(gòu)交互結(jié)構(gòu)的組成交互方法（如一個按鈕)交互響應(yīng)（如單擊事件）交互結(jié)果（執(zhí)行的分支）9.1程序交互的基本概念交互結(jié)構(gòu)的建立拖入“交互”圖標(biāo)“交互”圖標(biāo)具備顯示功能，可通過屬性面板進(jìn)行設(shè)置拖入“響應(yīng)”圖標(biāo)，設(shè)置響應(yīng)類型框架、判斷、交互、數(shù)字電影、聲音等圖標(biāo)不能直接作為分支圖標(biāo)，使用時(shí)需要放到群組中。可通過“交互類型標(biāo)記”的屬性面板更改交互類型。9.1程序交互的基本概念交互方式的分類用戶與Authorware程序直接交互

如：單擊、拖動、輸入、按鍵等方式。用戶在交互過程進(jìn)行跟蹤和反應(yīng)

如：設(shè)置響應(yīng)次數(shù)限制，響應(yīng)時(shí)間限制，響應(yīng)條件。用戶對程序組件進(jìn)行跟蹤和反應(yīng)

如：ActiveX控制。交互圖標(biāo)的結(jié)構(gòu)和組成交互圖標(biāo)交互類型響應(yīng)圖標(biāo)交互分支9.1程序交互的基本概念交互結(jié)構(gòu)的工作過程顯示交互圖標(biāo)，等待觸發(fā)接受觸發(fā)，匹配響應(yīng)路徑執(zhí)行響應(yīng)圖標(biāo)返回交互圖標(biāo)9.1程序交互的基本概念三、“交互”圖標(biāo)的屬性按鈕、熱區(qū)、輸入文本、目標(biāo)區(qū)可以直接顯示。“交互作用”選項(xiàng)卡擦除

A.在下次輸入后：顯示響應(yīng)圖標(biāo)后擦除交互顯示對象。

B.在退出之前：在退出交互時(shí)擦除交互顯示對象。

C.不擦除：交互顯示對象不被擦除。擦除特效：設(shè)置擦除時(shí)的過渡效果。選項(xiàng)

A.在退出前中止：在退出交互之前進(jìn)行暫停。

B.顯示按鈕：退出前暫停進(jìn)，是否顯示“繼續(xù)”按鈕。9.1程序交互的基本概念“顯示”選項(xiàng)卡功能與“顯示”圖標(biāo)屬

性面板功能設(shè)置相同?！鞍婷娌季帧边x項(xiàng)卡功能與“顯示”圖標(biāo)屬

性面板功能設(shè)置相同?！癈MI”選項(xiàng)卡知識對象軌跡：是否

跟蹤交互作用。交互標(biāo)識：確定交互

的唯一標(biāo)識符。目標(biāo)標(biāo)識：被關(guān)聯(lián)對象的標(biāo)識符。9.2按鈕響應(yīng)一、打開按鈕響應(yīng)屬性面板雙擊按鈕響應(yīng)標(biāo)識二、設(shè)置按鈕樣式按鈕屬性面板單擊“按鈕…”按鈕選擇按鈕類型單擊確定說明：添加：定制新按鈕刪除：刪除定制的按鈕編輯：編輯定制的按鈕9.2按鈕響應(yīng)三、按鈕交互標(biāo)識屬性面板類型：更改交互標(biāo)識類型“按鈕”選項(xiàng)卡大?。涸O(shè)置按鈕大小 ⑥默認(rèn)按鈕：按鈕是否為默認(rèn)按鈕位置：設(shè)置按鈕位置 ⑦鼠標(biāo)：設(shè)置鼠標(biāo)指針形狀標(biāo)簽：設(shè)置按鈕上的文字快捷鍵：設(shè)置按鈕的快捷鍵非激活狀態(tài)下隱藏：按鈕禁用時(shí)是否隱藏9.2按鈕響應(yīng)“響應(yīng)”選項(xiàng)卡永久：設(shè)置響應(yīng)在整個程序內(nèi)有效，還是僅在交互內(nèi)有效。激活條件：當(dāng)條件為真時(shí)，則響應(yīng)有效。擦除：在下一次輸入之后：進(jìn)入另一交互后，擦除當(dāng)前響應(yīng)顯示在下一次輸入之前：進(jìn)入另一交互前，擦除當(dāng)前響應(yīng)顯示在退出時(shí)：退出交互時(shí)結(jié)構(gòu)時(shí)，擦除當(dāng)前響應(yīng)顯示不擦除：當(dāng)前響應(yīng)顯示內(nèi)容一直顯示9.2按鈕響應(yīng)“響應(yīng)”選項(xiàng)卡分支重試：返回主流程，等待下一輪匹配繼續(xù)：程序原路返回，檢查后面分支是否存在與用戶匹配的響應(yīng)退出：退出交互結(jié)構(gòu)返回：返回到交互響應(yīng)處。（選“永久”后才出現(xiàn)）狀態(tài)不判斷：不跟蹤該響應(yīng)正確響應(yīng)：記錄該響應(yīng)為正確響應(yīng)錯誤響應(yīng)：記錄該響應(yīng)為錯誤響應(yīng)計(jì)分：輸入與當(dāng)前響應(yīng)有關(guān)的數(shù)值9.2按鈕響應(yīng)制作實(shí)例：按鈕響應(yīng)實(shí)例制作步驟：建立新文檔制作交互背景拖入“交互”圖標(biāo)導(dǎo)入背景圖標(biāo)制作“多媒體開發(fā)”分支拖入“顯示”圖標(biāo)設(shè)置“按鈕”響應(yīng)類型及屬性打開“顯示圖標(biāo)”加入“文字”并進(jìn)行設(shè)置9.2按鈕響應(yīng)制作“圖像設(shè)計(jì)”分支(同上)制作“影像合成”分支(同上)制作“退出”拖入“計(jì)算”圖標(biāo)打開“計(jì)算”圖標(biāo)輸入代碼：

Quit()運(yùn)算程序9.3熱區(qū)響應(yīng)一、創(chuàng)建熱區(qū)響應(yīng)拖入“交互”圖標(biāo)拖入“響應(yīng)”圖標(biāo)選擇“響應(yīng)類型”為:熱區(qū)域二、設(shè)置熱區(qū)響應(yīng)屬性“熱區(qū)域”選項(xiàng)卡匹配：單擊（單擊觸發(fā)），雙擊（雙擊觸發(fā)）

指針處于指定區(qū)域內(nèi)（指針處于熱區(qū)內(nèi)觸發(fā)）匹配加亮：觸發(fā)時(shí)高亮顯示。匹配標(biāo)記：熱區(qū)添加顯示標(biāo)記。9.3熱區(qū)響應(yīng)制作實(shí)例：認(rèn)識電腦制作步驟：建立新文檔制作背景拖入“顯示”圖標(biāo)導(dǎo)入圖片：電腦拖入“交互”圖標(biāo)制作“主機(jī)”熱區(qū)拖入“顯示”圖標(biāo)選擇“熱區(qū)域”響應(yīng)類型標(biāo)記調(diào)整“熱區(qū)”大小、位置9.3熱區(qū)響應(yīng)設(shè)置屬性

匹配：指針處于指定區(qū)域內(nèi)

范圍：永久

擦除：在下一次輸入前

分支：返回打開“顯示”圖標(biāo)，輸入文字“主機(jī)”，調(diào)整位置制作“顯示器”熱區(qū)制作“鍵盤”熱區(qū)制作“音箱”熱區(qū)運(yùn)行程序9.4熱對象響應(yīng)一、熱對象與熱區(qū)域的區(qū)別熱對象形狀可以是任意的，熱區(qū)只能是矩形。每個熱對象只能放到不同的圖標(biāo)中顯示。二、熱對象的設(shè)置拖入“交互”圖標(biāo)拖入“響應(yīng)”圖標(biāo)選擇響應(yīng)類型為：

熱對象打開響應(yīng)類型屬性面板單擊演示窗口中的對象9.4熱對象響應(yīng)三、屬性設(shè)置與熱區(qū)域?qū)傩栽O(shè)置相同四、制作實(shí)例：魚類知識介紹建立新文件導(dǎo)入圖片拖入“交互”圖標(biāo)制作響應(yīng)圖標(biāo)四個“顯示”圖標(biāo)輸入相應(yīng)文字設(shè)置響應(yīng)類型匹配：指針在對象上擦除：在下一次輸入之前 分支：重試9.5目標(biāo)區(qū)域響應(yīng)一、目標(biāo)區(qū)域響應(yīng)簡介目標(biāo)位置目標(biāo)對象最終被移動到的位置。目標(biāo)對象（每個對象單獨(dú)放于一個圖標(biāo)中）該對象是被移動的對象。目標(biāo)對象移動到目標(biāo)位置后，觸發(fā)響應(yīng)。設(shè)置目標(biāo)區(qū)域用于指定哪個對象是目標(biāo)對象。用于確定目標(biāo)位置。響應(yīng)圖標(biāo)當(dāng)響應(yīng)被觸發(fā)后，被執(zhí)行的響應(yīng)路徑上的圖標(biāo)。9.5目標(biāo)區(qū)域響應(yīng)二、屬性設(shè)置“目標(biāo)區(qū)域”選項(xiàng)卡大小位置放下：在目標(biāo)點(diǎn)放下，返回，在中心定位允許任何對象：允許任何對象拖動到目標(biāo)區(qū)域而觸發(fā)響應(yīng)。三、制作實(shí)例：拼圖游戲9.6菜單響應(yīng)一、下拉菜單響應(yīng)拖入“交互”圖標(biāo)，其名稱作為菜單項(xiàng)名稱拖入響應(yīng)圖標(biāo)，選擇響應(yīng)類型：下拉菜單響應(yīng)圖標(biāo)命名，其名稱作為菜單條名稱二、設(shè)置菜單屬性“菜單”選項(xiàng)卡菜單條：輸入菜單條名稱

“-”：產(chǎn)生分隔線

“&”開頭：簡潔使命快捷鍵：設(shè)置菜單命令

例：輸入A，則產(chǎn)生Ctr+A三、實(shí)例制作：擦除文件菜單9.7條件響應(yīng)一、條件響應(yīng)當(dāng)某個條件滿足時(shí)，才能執(zhí)行相應(yīng)的響應(yīng)路徑。二、條件響應(yīng)屬性“條件”選項(xiàng)卡條件：交互判斷的條件自動關(guān)：關(guān)閉該響應(yīng)，只有在對“交互輸入響應(yīng)”時(shí)才進(jìn)行條件判斷，以決定是否執(zhí)行此分支。為真：當(dāng)條件為真時(shí)響應(yīng)。由假為真：當(dāng)條件由假變

真時(shí)響應(yīng)。9.7實(shí)例制作：右鍵菜單的制作實(shí)例分析右鍵單擊時(shí)單出菜單（RightMouseDown）條件控制響應(yīng)，條件為：RightMouseDown右擊條件永久有效，執(zhí)行完成響應(yīng)返回控制顯示圖標(biāo)：放置右鍵菜單顯示圖標(biāo)中的菜單：可出現(xiàn)在屏幕上任何位置菜單位置與鼠標(biāo)點(diǎn)擊位置一致菜單出現(xiàn)時(shí)，熱區(qū)條件有效單擊菜單區(qū)部，取消菜單條件響應(yīng)，條件：MouseDown響應(yīng)時(shí)，擦除菜單并設(shè)置，熱區(qū)條件失效。9.7實(shí)例制作：右鍵菜單的制作實(shí)例分析菜單項(xiàng)設(shè)置熱區(qū)域熱區(qū)域位置與菜單位置同步執(zhí)行響應(yīng)，先擦除右擊菜單，然后顯示響應(yīng)內(nèi)容響應(yīng)后，將響應(yīng)條件設(shè)置為失效制作過程：建立新文檔拖入“交互”圖標(biāo)命名：控制9.7實(shí)例制作：右鍵菜單的制作制作過程制作：右擊彈出菜單拖入顯示圖標(biāo)設(shè)置為：“條件”響應(yīng)設(shè)置“條件響應(yīng)”屬性面板“條件”選項(xiàng)卡條件：RightMouseDown自動：當(dāng)由假為真“響應(yīng)”選項(xiàng)卡范圍：永久擦除：不擦除分支：返回9.7實(shí)例制作：右鍵菜單的制作設(shè)置響應(yīng)圖標(biāo)打開“顯示”圖標(biāo)導(dǎo)入圖片“右鍵”添加菜單文本設(shè)置菜單位置打開屬性面板位置：在屏幕上活動：在屏幕上初始：x,y打開圖標(biāo)附加代碼窗口右擊“顯示”圖標(biāo)，單擊“計(jì)算”

或按Ctrl+=命令9.7實(shí)例制作：右鍵菜單的制作輸入代碼（通常鼠標(biāo)位置菜單中心位置）ax:=CursorX ax為光標(biāo)x軸坐標(biāo)，即菜單左側(cè)位置ay:=CursorY ay為光標(biāo)y軸坐標(biāo)，即菜單上端位置x:=ax+50 菜單右移半個寬度，位于鼠標(biāo)右側(cè)y:=ay+75 菜單下移半個長度，位于鼠標(biāo)下側(cè)ifx>590thenx:=ax-50 菜單移出窗口右側(cè)時(shí)，菜單移到鼠標(biāo) 左側(cè)ify>360theny:=ay-75 菜單移出窗口下側(cè)時(shí)，菜單移到鼠標(biāo) 上側(cè)h:=1 設(shè)置菜單熱區(qū)條件將菜單置于窗口左上角(0,0)處，以便熱區(qū)定位。9.7實(shí)例制作：右鍵菜單的制作制作：菜單項(xiàng)熱區(qū)拖入“群組”圖標(biāo)，命名為1“響應(yīng)類型”屬性面板設(shè)置打開屬性面板設(shè)置“熱區(qū)域”選項(xiàng)卡

類型：熱區(qū)域 匹配：單擊，勾選“匹配加亮”

指針：手型 設(shè)置位置、大小，使熱區(qū)在“第一章”上9.7實(shí)例制作：右鍵菜單的制作修改位置為：x-50+10,y-75+35

說明：x-50與y-75為菜單右上角位置設(shè)置“響應(yīng)”選項(xiàng)卡

范圍：永久

激活條件：h:=1

擦除：不擦除

分支：返回設(shè)置要執(zhí)行的響應(yīng)打開群組圖標(biāo)設(shè)置擦除菜單功能

拖入“擦除”圖標(biāo)，命名為：擦除菜單

拖動菜單圖標(biāo)到擦除圖標(biāo)上9.7實(shí)例制作：右鍵菜單的制作設(shè)置單擊熱區(qū)后的顯示

拖入顯示圖標(biāo)，命名為：第一章

打開“第一章”圖標(biāo)，添加設(shè)置熱區(qū)響應(yīng)條件失效打開“第一章”圖標(biāo)的附加代碼窗口

Ctrl+=輸入代碼：h:=0說明：若不加此名，響應(yīng)熱區(qū)后，菜單消失，但熱區(qū)還在，還可以響應(yīng)。熱區(qū)2設(shè)置同上。位置Y坐標(biāo)修改為：y-75+68熱區(qū)3設(shè)置同上。位置Y坐標(biāo)修改為：y-75+1009.7實(shí)例制作：右鍵菜單的制作制作：單擊(MouseDown)菜單外，取消菜單拖入“擦除”圖標(biāo)

將菜單顯示圖標(biāo)，拖到此“擦除”圖標(biāo)上。設(shè)置“響應(yīng)類型”屬性面板更改響應(yīng)類型為：條件條件：MouseDown范圍：永久擦除：在下一次輸入之后分支：返回打開附加代碼窗口，添加代碼：h:=09.7實(shí)例制作：右鍵菜單的制作條件說明：當(dāng)單擊菜單外，取消菜單條件：MouseDown&~PointInRect(Rect(ax,ay,ax+100,ay+150),Point(CursorX,CursorY))Point(CursorX,CursorY)

以當(dāng)前光標(biāo)位置定義點(diǎn)Rect(ax,ay,ax+100,ay+150)

以菜單所在位置及大小定義矩形。PointInRect(矩形，點(diǎn))

判斷點(diǎn)是否在矩形中，如果在矩形中，返回真，否則返回假。~PointInRect(矩形，點(diǎn))

判斷點(diǎn)是否不在矩形中，如果在矩形中，返回假，否則返回真。&邏輯與：并且的意思9.8文本輸入響應(yīng)一、輸入文本響應(yīng)用于接收用戶輸入的信息。拖入交互圖標(biāo)拖入響應(yīng)圖標(biāo)設(shè)置響應(yīng)類型：文本輸入二、文本輸入響應(yīng)屬性“文本輸入”選項(xiàng)卡模式：當(dāng)輸入內(nèi)容與模式中內(nèi)容相同時(shí)執(zhí)行響應(yīng)圖標(biāo)。用于設(shè)置輸入文本的匹配字符。字符必須用“”括起來9.8文本輸入響應(yīng)最低匹配：用戶最少輸入幾個單詞才能匹配增強(qiáng)匹配：允許用戶的多次輸入以形成完整匹配。忽略：大小寫：忽略用戶輸入字母的大小寫空格：忽略用戶輸入字符中的空格附加單詞：忽略用戶輸入字符中多余單詞附加符號：忽略用戶輸入中多余的標(biāo)點(diǎn)符號單詞順序：忽略用戶輸入單詞的先后順序9.8文本輸入響應(yīng)三、文本輸入框的屬性設(shè)置打開文本輸入框的屬性面板運(yùn)行程序暫停程序Ctrl+P雙擊文本輸入框版面布局大?。涸O(shè)置文本輸入框大小位置：設(shè)置文本輸入框位置字符限制：設(shè)置可以輸入的字符個數(shù)自動登錄限制：當(dāng)輸入字符數(shù)達(dá)到字符限制數(shù)時(shí)自動進(jìn)行響應(yīng)判斷，無需按“回車”鍵。9.8文本輸入響應(yīng)交互作用作用鍵：設(shè)置結(jié)束輸入的

鍵盤按鍵。輸入標(biāo)記：是否顯示輸入標(biāo)記。忽略無內(nèi)容的輸入：忽略輸入為空的情況。退出時(shí)擦除輸入的內(nèi)容：退出時(shí)，擦除文本框。文本字體：設(shè)置輸入字體大?。涸O(shè)置輸入字號風(fēng)格：設(shè)置加粗,斜體.下劃線顏色：設(shè)置文字及背景色模式：設(shè)置顯示模式9.8文本輸入響應(yīng)四、相關(guān)系統(tǒng)變量CharCount：存放輸入字符的個數(shù)EntryText：存放輸入文本的內(nèi)容NumCount：存放輸入文本中的數(shù)字的數(shù)目NumEntry：存放輸入文本中輸入的第1個數(shù)字NumEntry2：存放輸入文本中輸入的第2個數(shù)字NumEntry3：存放輸入文本中輸入的第3個數(shù)字WordCount：存放輸入文本中中輸入的字的數(shù)目9.8文本輸入響應(yīng)實(shí)例－－用戶登錄制作過程制作背景拖入顯示圖標(biāo)導(dǎo)入背景圖片制作輸入用戶名拖入交互圖標(biāo)拖計(jì)算圖標(biāo)選擇文本輸入響應(yīng)類型文本輸入屬性

模式：“*” 分支：退出交互調(diào)整文本框的大小與位置文本框?qū)傩裕喝∠巴顺鰰r(shí)擦除輸入的內(nèi)容”在計(jì)算圖標(biāo)代碼窗口中輸入：xm:=EntryText9.8文本輸入響應(yīng)實(shí)例－－用戶登錄制作輸入密碼計(jì)算圖標(biāo)代碼窗口輸入：mm:=EntryText其它操作同上制作確定與取消拖入交互圖標(biāo)拖入擦除圖標(biāo)：確定類型：熱區(qū)域設(shè)置熱區(qū)的位置及大小屬性：分支：退出交互設(shè)置擦除的對象拖入計(jì)算圖標(biāo)：取消類型：熱區(qū)域輸入：Goto(@"背景")9.8文本輸入響應(yīng)實(shí)例－－用戶登錄1制作過程制作背景制作交互結(jié)構(gòu)拖入“交互”圖標(biāo)拖入“群組”圖標(biāo)：用戶名

類型：熱區(qū)域拖入“群組”圖標(biāo)：密碼

類型：熱區(qū)域拖入“群組”圖標(biāo)：確定

類型：按鈕拖入“擦除”圖標(biāo)：取消

類型：按鈕制作背景19.8文本輸入響應(yīng)實(shí)例－－用戶登錄1設(shè)置“用戶名”雙擊“用戶名”群組圖標(biāo)拖入“交互”圖標(biāo)拖入“計(jì)算”圖標(biāo)，類型：文本輸入屬性：模式為：“*”

分支為：退出交互調(diào)整文本輸入框的位置、大小打開“計(jì)算”圖標(biāo)代碼窗口輸入：

xm:=EntryText設(shè)置“用戶名”打開“計(jì)算”圖標(biāo)代碼窗口輸入：

mm:=EntryText其他設(shè)置同49.8文本輸入響應(yīng)實(shí)例－－用戶登錄1設(shè)置“確定”按鈕屬性設(shè)置：分支：退出交互設(shè)置“取消”按鈕設(shè)置被擦除對象：用戶名、密碼附加代碼： xm:=""

mm:=""9.9按鍵響應(yīng)借助鍵盤進(jìn)行交互的響應(yīng)。一、設(shè)置按鍵響應(yīng)的屬性快捷鍵：響應(yīng)進(jìn)需要用戶所按的鍵?？旖萱I說明

DownArrow：↓ UpArrow：↑

RightArrow：→ LeftArrow：←

？：所有鍵 二、相關(guān)變量Key：存放用戶的按鍵字符KeyNum：存入用戶按鍵的數(shù)字編號9.9按鍵響應(yīng)二、制作實(shí)例：模擬輸入設(shè)置初值s:="" --記錄顯示的*ma:="" --記錄輸入的內(nèi)容n:=0 --記錄輸入的個數(shù)制作背景導(dǎo)入圖片“顯示器”添加文本：

輸入密碼：{s}設(shè)置更新顯示變量制作按鈕交互結(jié)構(gòu)拖入交互按鈕:輸入數(shù)字拖入計(jì)算圖標(biāo):輸入

類型：按鈕拖入群組圖標(biāo)：n=6

類型：條件設(shè)置“輸入”快捷鍵："1|2|3|4|5|6|7|8|9|0"代碼：

n:=n+1

s:=s^"*“

ma:=ma^Key設(shè)置“n=