8、Authorware的交互圖標

1、課程名稱中文版Authorware靈感設計課程主題Authorware交互圖標的應用授課教師何宏宇課型新授課教學方法講解法教學時數(shù)6課時（職一需要12課時）選擇題（按鈕交互）2課時；填空題（文本交互）+下拉菜單2課時熱區(qū)響應2課時教學目標知識目標掌握交互圖標11種響應方式中的按鈕交互、文本交互、下拉菜單、等待交互、熱 點響應、熱對象響應、目標響應能力目標通過交互圖標的運行順序，培養(yǎng)學生的邏輯思維能力德育目標通過交互圖標的人機互動的講述，培養(yǎng)學生站在用戶立場思考的習慣，即為他人著 想的品質課程內(nèi)容規(guī)劃內(nèi)容形式時間1、交互圖標中的“按鈕響應”教師引導 學生自主學習45分鐘2、交互圖標中的“輸入文本

2、響應”教師引導 學生自主學習20分鐘3、交互圖標中的“下拉菜單響應”教師引導 學生自主學習25分鐘4、交互圖標中的“等待響應”教師引導 學生自主學習15分鐘5、交互圖標中的“熱區(qū)響應”教師引導 學生自主學習30分鐘6、交互圖標中的“熱對象響應”教師引導 學生自主學習45分鐘7、交互圖標中的“目標響應”教師引導 學生自主學習45分鐘&作品展示教師引導 學生自主學習40分鐘小結（達成共識）講述5分鐘教學備忘 欄選擇題填空題熱區(qū)響應拼圖游戲【教學過程】在開發(fā)多媒體軟件時，如果僅向用戶提供文本、圖形、動畫、視頻圖像和聲音的組合，那只是 創(chuàng)建了一組演示畫面。在更多情況下，用戶會對如此冗長乏味的演

3、示失去興趣。因此，多媒體軟件 的設計應使用戶能參與控制，并根據(jù)需要獲得所需內(nèi)容，這就涉及到了交互的問題?！菊J識交互圖標】交互圖標是 Authorware最為復雜的圖標之一，提供了十一種交互方式。設計一個交互圖標的過程包括：（1）定義響應類型（2）設置各個交互分支的交互特性，如鼠標形狀、擦除方式等等。（3）編輯各分支里面的內(nèi)容創(chuàng)建交互的基本原則：（1）一個交互分支結構至少應具有一個響應分支（2）一個響應圖標生成之后，該圖標的響應類型以及各種相關的設置將具有繼承性，即在創(chuàng)建 下一個響應圖標時，會自動采用與前一個響應圖標相同的響應類型和有關設置。（3）所有圖標都可以作為響應圖標，但若要在響應分支流程

4、線上應用框架圖標、交互圖標或決 策圖標，則應首先將其放在群組圖標中，然后再將其放在響應分支流程線上。（4）如果要使一個交互圖標在程序中始終發(fā)揮作用，可將其設置為永久性交互?！景粹o交互】制作選擇題（觀察范例，如下所示）1.請問二（）5 IB II2.請問5=()r -5 r 6 r-A中文版Authorware靈感設計框架圖標導航圖標2中文版Authorware靈感設計框架圖標導航圖標#473"F題操作步驟1:在交互圖標的顯示部分內(nèi)輸入題面，如下圖所示1 gi青問 1 +5= <>口操作步驟2 :在交互圖標右側拖入群組圖標，作為 各選項的分支圖標，分別用答案做命名。操作步驟

5、3:在分支內(nèi)做出響應，務必要設置一個 分支為退出交互。否則整個程序設計將進入死循環(huán)狀態(tài)。操作步驟4:在各分支中加入響應內(nèi)容，如下圖所示:層2未命名操作步驟5:測試運行，并保存為“小組 + 姓名+考題”操作步驟6:觀察范例第二部分，修改按鈕的形式（復習框架結構中按鈕的修改），并保存?！疚谋据斎腠憫?填空題（觀察下圖）3.請問5"設計注意點:（i）一個交互圖標當中只能存在一個文字輸入域。（2 ）填入文字的屬性設置在交互圖標的屬性設置當中。（3 ）使用文字交互時，注意要設置文字的透明顯示。（4）文本區(qū)域的大小設置要合理（5） 理解文本匹配的模式：*是通配符，一般用于容錯，出現(xiàn)在交互的最末

6、一個分支。操作步驟1 :打開交互圖標，輸入題面。操作步驟2 :在交互圖標的右側拖入兩個文本輸入分支。左側分支命名為輸入題目的正確答案；右 側分支命名為*操作步驟3:拖入一個按鈕分支，設置為退出交互。操作步驟4:分別在分支的群組圖標中做出適當?shù)捻憫?。操作步驟5:實時保存LCtrl+E打印Ctrl+PCtd + RClrl + H注意：文本輸入響應常用于用戶及密碼的輸入中?！鞠吕讲藛巍恳灰环独缬覉D所示為演示窗口中添加菜單項，用戶通過菜單來產(chǎn)生交。菜單交互的使用要求文件的屬性中打開了顯示菜單功能。（1 ）菜單項就是菜單的名稱。如不填此項，則菜單分支的名稱就成 為圖標名(2) 要給交互添加上一條分

7、隔線，在菜單項里填入“”號。(3 )要給交互快捷方式加上下劃線，在菜單項中使用&符號。(4)范圍選擇永久，分支選擇返回。在程序執(zhí)行期間，無論何時匹配了該響應，程序都會從流程線上的當前位置跳轉去執(zhí)行響應圖標, 執(zhí)行完畢后程序會返回跳轉之前的位置繼續(xù)往下執(zhí)行。操作步驟1 :在流程圖上插入交互圖標，并拖動 4個 分支圖標，如圖所示，設置為“菜單交互”，分別命名為“編輯”、“打印”、“播放”、“幫助”操作步驟2 :保存文件為“小組+姓名+下拉菜單”【時間限制交互】一一古詩欣賞時間限制交互用于限制用戶在交互圖標中可以停留的時間。常用于封面停留的設計。(如下圖所示)Mi時間傳留鮎一操作步驟1:在流

8、程線上插入交互圖標，并拖動1個分支圖標，設置為“時間限制”，如右上圖所示操作步驟2 :打開“時間限制”響應屬性對話框(如下圖所示)，將時限設置為3S”。使用時間限I中文版Authorware靈感設計框架圖標導航圖標6中文版Authorware靈感設計框架圖標導航圖標#制一般也是用在交互的最右側，分支方式為退出交互。中文版Authorware靈感設計框架圖標導航圖標#操作步驟3:保存文件為“小組+姓名+古詩欣賞”【熱區(qū)交互】 作者簡介(如下圖所示)熱區(qū)交互是使用圖片中的某一部分做為交互的起點。熱區(qū)是隱形的，是矩形的。和按鈕響應相 比，熱區(qū)交互更容易與背景協(xié)調一致。匹配：設置匹配此響應的操作；匹配

9、時加亮：當該熱區(qū)響應被匹配時，響應區(qū)域會高亮顯示;匹配標記；熱區(qū)響應被匹配時，匹配標記會被黑色填充熱區(qū)響應的不足：（1）響應區(qū)域必須是矩形（2）響應區(qū)域一旦設置完畢就固定下來，不能移動（3）如果你希望使用任意形狀的響應來響應用戶的操作，就必須用熱對象交互靜夜思 李白床前明月光，疑是舉頭望明月，低頭肅臣省畫坦戸-<槍后內(nèi)衣幵 誓四種常，縣國ks 170于-電口生隆£ , 紀，生另貶4曰山他 成1印。墾亍酬備寫： 8.?8鄉(xiāng)熨7帀綿、帀審黔JJ 隴隴月蓮中爲迪謬 籍縣些幾城馬四江 祖安六、<><±-克回富稱睿亦 白m-豐碎托遷川犬尊大心為 書月江曰竊的再

10、四偉人容內(nèi)稱操作步驟1 :在流程線上拖入交互圖標，并插入兩個熱 區(qū)分支，1個按鈕分支，如右圖所示。白句出李詩退1靜夜思茨前明月光，疑是地上霜, 程頭望明月，操作步驟2 :在顯示圖標中將古詩錄入，建立熱區(qū)交互, 并將熱區(qū)設置在“李白”的位置，以及古詩的位置。如下圖 所示：操作步驟3:選擇鼠標響應方式和擦除方式為鼠標單擊+在下一次輸入之后或鼠標在熱區(qū)上+下一輸入之前操作步驟4:選擇鼠標的形式。操作步驟5:設置交互分支的內(nèi)容。操作步驟6:保存引申練習：看圖學字【熱對象交互】一一看圖學字（1 ）熱對象可以是任意的形狀，而且位置可以任意移動（2 ）被使用為熱對象圖標多種多樣，可以是顯示圖標， 也可以是G

11、IF動畫，F(xiàn)lash動畫等（3 ）熱對象一定要事先出現(xiàn)在熱對象交互圖標之前且每 個熱對象應單獨放置在一個設計圖標中（4）在使用熱對象交互時，一定要記得為交互分支設置 具體的熱對象岡丈列32百三戶芋.：77* ） .a7k旳圓毎出 矩箭三退操作步驟1 :在流程線上必須有將原有的底圖，分割出“矩形”、“橢圓”、“三角形”三個顯示圖標。操作步驟2：將“應答”區(qū)域中的熱區(qū)響應修改為“熱對象”響應分支。在運行過程中選擇熱 對象，屬性設置如下圖所示。三者之間的異同：（1）按鈕可以定制，但制作比較麻煩。難以得到很好的效果。（2）熱區(qū)是隱形，制作簡單，但在導航圖像上需要做出標識（3）熱對象制作方便，效果多樣，

12、但是管理麻煩，容易出現(xiàn)跳轉問題（4 ）經(jīng)過特殊的設計，可以用此三種技術實現(xiàn)同一效果。要現(xiàn)實的開發(fā)過程中，常結合使用?！灸繕藚^(qū)響應】一一圖形分類將特定對象移動到指定區(qū)域的響應類型，可制作許多有趣實用的程序，如拼圖和圖形分類范例如右圖所示：操作步驟1 :在流程線上加入3個顯示圖標分別畫入“矩形”“橢圓”、“三角形”。操作步驟2:在流程線上加入一個交互圖標，并加入4個“目形足 形凰角蒜 矩橢三不 +-三尬好標響應”分區(qū)，分別正確判斷圖形的分類。（如下圖所示）中文版Authorware靈感設計框架圖標導航圖標9中文版Authorware靈感設計框架圖標導航圖標#操作步驟3:在“矩形”分支的“目標響應”屬性中，設置目標對象“矩形”顯示圖標，并在“放下” 一欄中選擇“在中心定位”；單擊“響應”面板，在“狀態(tài)”中選擇“正確響應”，此時流程線上的“矩形”前加上了“ +”。分別設置“橢圓” “三角形”的目標響應屬性。1,舉型：|目標區(qū)目標區(qū)響應Z31HY自標曲象：矩形大?。簗1加H6-廠允許仔何對象由口石結1 11 J諂1忙罟：|32846諭下：1在中心定位中文版Authorware靈感設計框架圖標導航圖標#操作步驟4：在“不滿足”分支中，設置屬性如下所示：在“目標區(qū)”面板上設置“允許任何對象” 在“放下”中選擇“返回”辭：|目標區(qū)中文版Authorware靈感設計框架圖標導航圖標#中文