《實例演練Authorware》
由于各種原因,,Authorware的最新版本姍姍來遲,,最近終于升級到版本6.0了。Authorware6主要加強了網(wǎng)絡(luò)Web發(fā)布的功能,,充分利用Authorware6工具進行多媒體,、交互性、可跟蹤的網(wǎng)絡(luò)學(xué)習(xí)應(yīng)用程序的創(chuàng)作,,支持不同的系統(tǒng)平臺,,主要的新功能有一鍵發(fā)布、新的"Commands"菜單,、RTF文件格式編輯器和RTF知識對象,、增強與改進界面、媒體同步與直接支持MP3,、增強Web技術(shù)與新的SCO編輯環(huán)境等,。 以下實例是在WIN98環(huán)境的Authorware 6版本實踐通過的,除了利用6版本的新功能之外,,在5.x版本也可以運行,,但由于使用的大量的UCD、ActiveX,、第三方多媒體控件和知識對象,,所有相關(guān)的文件必須要完整提供。
實例1:即時光標(biāo)跟隨提示,。 實例說明:一幅美麗的大自然畫卷中,,雄鷹在天空中翱翔,,廣闊的草地上一只美洲豹在奔跑著,雄鷹和豹子是2幅動態(tài)GIF格式的圖片,,鼠標(biāo)停留在大自然背景圖時出現(xiàn)跟隨光標(biāo)提示“美麗的大自然”,,當(dāng)光標(biāo)移動到GIF圖片時,分別出現(xiàn)提示“翱翔的雄鷹”和“奔馳的美洲豹”的即時提示,,單擊2幅GIF圖片時分別作具體介紹,;光標(biāo)移動到草原上的屋子時出現(xiàn)離開提示信息,單擊鼠標(biāo)有退出選項,,退出時利用“Message Box”知識對象處理確定是否退出,。 制作步驟: 1,、為了屏幕美觀,,程序不需要標(biāo)題和菜單欄。點擊Authorware主菜單下的“Modify”下的“File”里面的“Properties”(快捷鍵Ctrl_Shirt_D),,在“Playback”選項那設(shè)定顯示屏幕為“Variable”(由變量決定屏幕顯示大?。c開“Title Bar”和“Menu Bar”,。(見圖1),,這項工作在下面的例子中都采用相同的設(shè)定,下面的就不重復(fù)了,。
2,、在新流程線上放一計算圖標(biāo)“start”。用它作標(biāo)志開始執(zhí)行程序,,里面輸入“--程序開始”,,--是用來注釋的。 3,、繼續(xù)放一個計算圖標(biāo)“setwindows”,。里面輸入: ResizeWindow(640,480) ShowMenuBar(OFF) ShowTitleBar(OFF) ShowTaskBar(OFF) 系統(tǒng)函數(shù)ResizeWindow 是利用width和height參數(shù)來調(diào)整窗口的大小,它只使用在計算圖標(biāo)中,,調(diào)整窗口的系統(tǒng)變量包括WindowHeight,、 WindowWidth、 WindowTop,、WindowLeft,。 ShowMenuBar(display):ShowMenuBar用來顯示或關(guān)閉用戶的菜單欄,它只使用在計算圖標(biāo)中,。 注意:即使用戶關(guān)閉了菜單欄任務(wù)條,,用戶仍然可以在運行時的任何時候按Alt_F4退出程序。 ShowTitleBar(Display):顯示窗口標(biāo)題欄,,Display=off是隱藏,,Display=on是顯示,。 ShowTaskBar(OFF):關(guān)閉系統(tǒng)任務(wù)欄。但當(dāng)Windowsd的任務(wù)條設(shè)定為“總在最前”會忽略你的這個設(shè)定,。 4,、在流程線上放置一顯示圖標(biāo)“nature”作為背景圖,調(diào)整好位置,,使它覆蓋全部畫面,。右擊這圖標(biāo),在“Properties”里面的“Display”選項里面設(shè)定“Prevent automatic Erase”,,防止自動擦除圖畫,,其他設(shè)定用省缺值就可以了。 5,、在主菜單下的“Insert”下的“Media”里面的“Animated Gif...”點出一個圖標(biāo)“eagle”,,瀏覽文件夾,將一幅GIF格式的雄鷹圖放進來,,設(shè)定好位置,、大小,(見圖2)
并右擊這圖標(biāo),,在屬性的顯示方式項設(shè)定為“transparent”(透明),,這設(shè)定和圖片本身有一定關(guān)系,要看圖片的實際來處理,。(見圖3)
6,、在“eagle”下放一運動圖標(biāo)“move_eagle”。選擇運動的對象是eagle,,雙擊鼠標(biāo)打開這運動圖標(biāo),,在“Properties”里面的“Motion”選項里面設(shè)定“Type”為“Path to end”(指向固定路徑的終點),設(shè)定運行時間為25秒,,“Concurrency”設(shè)定為“concurrent”(同時運行下面內(nèi)容),,在“Move When”選項打上“True”(目的是讓運動循環(huán)進行)(見圖4)。
所定義的路徑一般在背景圖的天空部分,,可以讓雄鷹的部分路徑顯示在畫面外邊,,一般采用圓滑路徑(將關(guān)鍵點點擊設(shè)定圓點就可以了)。這樣下來,,雄鷹就可以循環(huán)翱翔在天空中了,。 7、用步驟5同樣的方法添加圖標(biāo)“panther”(豹子的GIF圖片),。(見圖5)
8,、用步驟6同樣的方法添加運動圖標(biāo)“move_panther”(見圖6),但在設(shè)定豹子的運動路徑時有所不同,可以設(shè)定4個三角形的標(biāo)志,,做成矩形的環(huán)路,,目的是使豹子的運動路徑在背景圖下面的土地上單向循環(huán)奔跑,這4個標(biāo)志都應(yīng)該放在圖畫外邊,。 9,、在流程線上繼續(xù)添加一個屋子的GIF格式圖片“Home”,屬性設(shè)定和步驟5的相同,,主要將它們設(shè)定為“Prevent automatic Erase”(防止自動擦除)和“transparent”(透明)模式就可以了,。 10、在流程線上放置一個交互圖標(biāo)“Tips”,,它右邊主要為2類各4個的交互,,一類是當(dāng)光標(biāo)在屏幕上的提示,另一類是當(dāng)點擊圖畫時的引申,,4個交互分別對應(yīng)于大自然,、鷹、豹,、屋,。 11,、在“Tips”交互圖標(biāo)右邊放置一個群組圖標(biāo)“nature”,,設(shè)定交互方式類型為“Hot Object”(熱對象),在“Match”匹配為“Cursor on Object”,,并將光標(biāo)變成粗“十”型(見圖7),,設(shè)定“Scope”為“perpetual”(永久)。
下面分別放置計算圖標(biāo)“xy”,、擦除圖標(biāo)“x”,、顯示圖標(biāo)“美麗的大自然”、計算圖標(biāo)“goxy”,。(見圖8)
計算圖標(biāo)“xy”里面輸入: x:=CursorX--將光標(biāo)當(dāng)前位置距離窗口左邊的像素數(shù)值賦給變量x y:=CursorY--將光標(biāo)當(dāng)前位置距離窗口頂端的像素數(shù)值賦給變量y 擦除圖標(biāo)“x”的“Icon”屬性設(shè)定為“Icons to preserve”,,列表圖標(biāo)留空,就是擦除前面的所有顯示內(nèi)容,。 在顯示圖標(biāo)里面寫上“美麗的大自然”,,這顯示圖標(biāo)“Display”屬性里面一定要勾選“Update Displayed Variable”(更新變量)(見圖9),
在“Positioning”和“Movable”屬性都設(shè)定為“On Screen”,,在初始位置“initial”中x值設(shè)定為x,,y值設(shè)定為y+18(見圖10)。
這個顯示圖標(biāo)的作用就是當(dāng)光標(biāo)出現(xiàn)在背景圖時,,光標(biāo)顯示為粗“+”型,,并出現(xiàn)緊跟隨光標(biāo)的即時提示!它是通過更新光標(biāo)位置變量來實現(xiàn)的。 12,、采用完全相同的方法在流程線右邊加上“panther”,、“eagle”、“home”,,因為即時提示的字數(shù)有區(qū)別,,在初始位置“initial”中的x、y有所不同,。當(dāng)GIF圖片運動時,,這些即時提示也是有效的。 13,、繼續(xù)在流程線右邊加一個計算圖標(biāo)“nature.”,。它是當(dāng)鼠標(biāo)點擊是所要執(zhí)行的任務(wù),所以,,它的設(shè)定和步驟11,、12有一個不同地方,就是“Match”設(shè)定為“Single-click”(單擊),,并把這時的光標(biāo)改成手型,。在計算圖標(biāo)里寫上“GoTo(IconID@"-nature")”,注意跳轉(zhuǎn)目的圖標(biāo)的名稱只能是唯一的,,否則提示出錯,。讓程序執(zhí)行到流程線下面的“-nature”圖標(biāo)處執(zhí)行。這里面的跳轉(zhuǎn),,也可以采用導(dǎo)航圖標(biāo)進行跳轉(zhuǎn),,它們實現(xiàn)的方法其實是一樣的。 4,、同樣的方法在流程線右邊設(shè)定好“panther”,、“eagle”、“home”3個計算圖標(biāo),,并在計算圖標(biāo)里面設(shè)定好要跳轉(zhuǎn)的目的圖標(biāo)名稱,。 這些交互對象,都一定要設(shè)置“Scope”為“perpetual”,,因為提示部分的更新跟隨一定要這樣設(shè)置才可以實現(xiàn),。 15、在流程線下添加一個等待圖標(biāo)“interrupt”里面設(shè)定等待的時間為99999,,作為中斷,、隔離之用,下面的內(nèi)容都是由前邊跳轉(zhuǎn)過來執(zhí)行具體的任務(wù)的,。 16,、在流程線下添加一個框架圖標(biāo),承接上邊跳轉(zhuǎn),當(dāng)鼠標(biāo)點擊圖片時要執(zhí)行的內(nèi)容,??蚣軋D標(biāo)里面的內(nèi)容全部刪除,留空框架,。 17,、在框架右邊添加群組圖標(biāo)“-Nature”,里面主要顯示一些說明,。先添加一個擦除圖標(biāo),,像前邊步驟設(shè)定一樣擦除前面內(nèi)容;再加一個顯示圖標(biāo)做說明,;接著加一個單擊鼠標(biāo)繼續(xù)的等待圖標(biāo),;最后加一個計算圖標(biāo),里面寫上: Restart()--初始化,,重新定義變量,。 GoTo(IconID@"start") 這圖標(biāo)讓程序繼續(xù)從頭開始執(zhí)行。(見圖11)
18,、流程線右邊繼續(xù)添加“-panther”,、“-eagle”群組,設(shè)定的方法基本同步驟17,,它是鼠標(biāo)單擊熱對象時的反應(yīng),。 19、繼續(xù)添加“-home”群組圖標(biāo),。下面先加一個顯示圖標(biāo)顯示背景圖,,再加原來那個屋子的IF圖片,,再添加一個“消息框知識對象”,,最后加一個計算圖標(biāo),里面寫上(見插圖1-19-1): if button=6 then Quit() else end if Restart() GoTo(IconID@"start") 其中button是消息框知識對象里面的返回變量的數(shù)值,,其中OK=1,,Cancel=2,Abort=3,,Retry=4,,Ignore=5,Yes=6,,No=7,。這里的計算圖標(biāo)意思是:當(dāng)點擊“Yes”是確定退出,否則重新執(zhí)行程序,。 “消息框知識對象”的設(shè)置步驟: a,、點擊主菜單“Windows”下的“Knowledge Objects”,雙擊打開一個“Message Box”的知識對象。 b,、按“Next”選擇修改成“System Modal”,。(見圖13)
c、按“Next”在“Message Box buttons”里選擇“Yes,,No”(見圖14)
d,、按“Next”選擇消息框出現(xiàn)的圖標(biāo)為“?”形狀。(見圖15)
e,、按“Next”填上“Message Box”的標(biāo)題及正文提示內(nèi)容,。(見圖16)
f、按“Next”填上返回變量名稱為“button”,,(見圖17)
g,、按“Next”并確定,然后生成消息框知識對象,。
至此,,本實例制作完成,主流程線如圖18所示,。
|