5.2 交互設計實例 authorware的人機交互方式十分豐富,這個例子主要介紹“按鈕交互”(button interaction)。 本例的程序流程如下圖所示: 
本例執行后的程序界面如下圖,點按“按鈕一”可跳到按鈕一相對應的頁面,點按“按鈕二”可跳到按鈕二相對應的頁面,點按“退出” 按鈕可退出程序。 
本例制作過程如下: 1.運行authorware ,新建一文件。 2.從圖標工具欄向程序設計窗口中的主流程線上拖入一個“顯示圖標” ,并命名為“主菜單”。 3.從圖標工具欄向主流程線上拖入一個 “交互圖標”,并命名為“選擇”。 4.從圖標工具欄向程序設計窗口中“選擇” 圖標的右方拖入一個 “群組圖標”,此時彈出“響應類型”對話框,如下圖,這里有11種用戶交互和響應方式可供選擇,在此我們選擇“按鈕類型”(button),點擊“ok”后,將該圖標命名為“按鈕一”。 
5.再次向程序設計窗口中“按鈕一”圖標的右方拖入一個 “群組圖標”, 此時不再彈出“響應類型”對話框,而是默認為和上一響應類型一致的響應方式,這里仍為“按鈕類型”(button),并將該圖標命名為“按鈕二”。 6.向“按鈕二”圖標的右方拖入一個“計算圖標”,并命名為“退出”。 7.雙擊“按鈕一”圖標,打開“按鈕一”的群組圖標設計窗口,向其中拖入一個“顯示圖標” ,并命名為“按鈕一內容”。雙擊“按鈕一內容” 圖標,進入“展示窗口”,這個窗口里的內容就是在運行程序時點按“按鈕一”后要顯示的內容。此時顯示一個“編輯工具盒”,如圖,“編輯工具盒”中的八個按鈕的功能依次為: 選擇/移動、文本編輯、畫90o/45o直線、畫任意直線、畫橢圓/圓、畫矩形、畫圓角矩形、畫多邊形。 
選擇“文本編輯”按鈕,鼠標指針為“i”形,在展示窗口中單擊,進入文本編輯狀態,如圖。  在插入點處依次輸入“你剛才點了按鈕一”。格式化文本可在選定文本后使用“文本”(text)菜單。 輸入完畢,可使用“選擇/移動”按鈕,將文本移至合適的位置。單擊“展示窗口”或“編輯工具盒”窗口右上角的“叉號”都可退出編輯狀態,完成該圖標的編輯。 8.雙擊“按鈕二”圖標,打開“按鈕二”的群組圖標設計流程線,向其中拖入一個“顯示圖標” ,并命名為“按鈕二內容”。 同上操作,在“按鈕二內容”內容圖標中輸入文本“你剛才點了按鈕一”。 9.雙擊“主菜單”顯示圖標,在其中輸入文字“這一頁是主菜單頁面”。 10.雙擊“退出”計算圖標,此時打開一個計算圖標的編輯窗口,如圖,輸入“quit( )”(意義為退出些程序)后,關閉此窗口。 
至些本示例大致設置完畢,選擇“控制”(control)—“播放”(play)命令測試一下。 單擊“按鈕一”后,發現界面如下圖所示: 
這是因為,在顯示“按鈕一內容”圖標時,其他顯示內容并沒有被擦除。這時我們要在 “按鈕一內容”圖標和“按鈕二內容”圖標前分別添加一個“擦除圖標”。 11. 關閉程序運行窗口,向“按鈕一”流程線窗口中拖入一個“擦除圖標”,放在“按鈕一內容”圖標前,并命名為“擦除”。
12.雙擊“擦除”圖標,同時顯示展示窗口和“擦除圖標屬性”對話框,“擦除圖標屬性”對話框如下圖。 在list(擦除列表)中選中“要擦除的圖標”(icons to erase),單擊要擦除的對象后,發現界面如下圖所示,說明當程序運行到“擦除”圖標時,“主菜單”圖標內的文字將被擦除,單擊“ok”確定。一個擦除圖標可同時擦除多個顯示圖標顯示的內容,如果在list(擦除列表)中選中“要保留的圖標”(icons to erase),單擊某對象后,則除了在列表中的圖標,其它所有顯示內容都將被擦除。本例設置如下圖。 
13. 選中上一步設置的“擦除”圖標,單擊常用工具欄上的 “復制圖標” ,然后在“按鈕二”流程線窗口中“按鈕二內容”圖標前單擊鼠標,使粘貼指針移至“按鈕二內容”圖標前,然后單擊常用工具欄上的“粘貼圖標” ,即可將“擦除”圖標粘貼到“按鈕二”群組圖標中,如圖。 
至此,該示例完成,保存文件。 5.3 課件的打包 當課件制作完成后,需打包發行,以便脫離authorware集成環境單獨運行。 首先,在打包前應對展示窗口進行設置,對外部庫文件、動畫文件、外部函數文件的使用進行設置。 其次,還需考慮很多細節,如除課件本身外,其他本課件所需要的外部文件、庫文件等的存儲;打包文件所需磁盤空間的大小;對打包文件及所需外部文件發送到何種存儲介質存儲(一般為軟盤、cd-rom、網絡)等。 下面以上述“按鈕示例”為例,來說明文件打包的操作,打包后形成可執行文件sample.exe。 5.3.1 文件屬性設置 選擇菜單modify菜單中file子菜單的properties命令,顯示文件屬性對話框,如圖,其playback選項卡中的常用選項含義如下: 
background color(背景色) 指定展示窗口的背景顏色,單擊文字前的色 塊,可改變顏色,缺省值為白色。本實例保持缺省值。 chroma key(關鍵色) 當使用視頻重疊卡,而且該卡支持chroma色鍵時可設 置,單擊文字前的色塊,可改變顏色,缺省值為洋紅色。本實例保持缺省值。 size 下拉列表框 用來設置展示窗口的大小,缺省值為640×480。共有多種方式: variable(任意大小):可任意設置展示窗口的大小,且在運行中可改變展示窗口的大小。 512×342~1152×870:這些選項用來設置固定大小的展示窗口,以象素為單位。 use full screen(使用全屏):使展示窗口自動占據整個屏幕。本實例選擇“variable”,實際常使用缺省值。 center on screen(屏幕中央)復選框 選中,展示窗口將顯示在屏幕的中央。缺省值為不選中。本實例為選中。 title bar(標題欄)復選框 選中顯示展示窗口的標題欄,不選中,隱藏標題欄。缺省值為選中。本實例保持缺省值。 menu bar(菜單欄)復選框 選中顯示展示窗口的菜單欄。缺省值為選中。本實例為未選中。 task bar(任務欄)復選框 決定當windows 9x的任務欄覆蓋部分展示窗口時,是 否顯示該任務欄,選中顯示任務欄,缺省值為不選中。本實例保持缺省值。 其余選項一般保持缺省值,這里不再作介紹。 5.3.2 文件打包 選擇“文件”(file)菜單下“打包”(package)命令,顯示打包對話框。各選項含義如下: 
packagefi1e(打包文件)下拉列表框 根據需要,將文件打包成不同的類型。共有三種選擇。 “without runtime”類型,打包后的文件,其擴展名為a5r,需要用runa5w.exe程序來運行打包的文件,因此,選用此選項時,要將runa5w.exe程序一起提供給用戶; “for windows 3.1”類型,打包后的文件,其擴展名為exe,將runa5w.exe 程序內置在打包文件中,可獨立在windows 3.1操作系統中運行; “for windows 95,98 and nt”類型,打包后的文件,其擴展名為exe,將runa5w.exe程序內置在打包文件中,可獨立在windows 9x 或windows nt操作系統中運行;一般選擇“for windows 95 and nt”類型,但有多個課件時,采用“without runtime”類型,可節省存儲空間,不需要每個課件都內置runa5w.exe程序。本實例選擇“for windows 95 and nt”類型。 resolve broken links at runtime(修補被斷開的鏈接)復選框選中,在運行程序時,將恢復斷開的鏈接,保證正確顯示。一般要求選擇該選項。本實例選中。 package all libraries internally(庫文件內置在包文件中)復選框選中,將與當前課件鏈接的所有庫文件成為打包文件的一部分。這樣方便文件分發,但增加打包文件所占的空間。不選中,庫文件將單獨打包。本實例選中。 package external media internally(外部媒體內置在包文件中)復選框選中,將當前課件使用的外部媒體成為打包文件的一部分,但不包括數字電影和internet上的媒體文件。這樣方便文件分發。本實例選中。 use default names when packaging(打包時使用默認文件名)復選框選中,自動用被打包的文件名作為打包后的文件名。否則,打包時顯示對話框,要求指定打包文件的文件名。本實例選中。 最后,選擇save file(s) & package按鈕,完成程序的打包。 5.3.3 復制xtras文件 當文件打包后,必須把xtras文件夾復制到打包文件所在的文件夾中,這樣,該文件才能正常運行,否則,顯示對話框,告訴缺少xtra文件。如圖。

xtra文件是一些用于加強authorware功能的外部文件,有三類,分別為sprite xtra文件,提供3d對象、動畫和web瀏覽窗口等擴展功能;transition xtra文件,用于產生特殊屏幕過渡效果的文件;scripting xtra文件,其使用與authorware系統函數類似。xtra文件有兩組,擴展名為x32,用于windows 9x或windows nt操作系統,擴展名為xl6,用于windows 3.1/3.2操作系統,根據需要復制其中一組。 至此,程序可脫離authorware集成環境,成為可獨立運行的程序。 |