Authorware開發實例:實際示例演練Authorware(1)-光標跟隨提示

2024-09-08 19:25:52

字體：大中小

來源：轉載

供稿：網友

實例演練authorware》

由于各種原因，authorware的最新版本姍姍來遲，最近終于升級到版本6.0了。authorware6主要加強了網絡ｗeb發布的功能，充分利用authorware6工具進行多媒體、交互性、可跟蹤的網絡學習應用程序的創作，支持不同的系統平臺，主要的新功能有一鍵發布、新的"commands"菜單、ｒｔｆ文件格式編輯器和ｒｔｆ知識對象、增強與改進界面、媒體同步與直接支持mp3、增強web技術與新的sco編輯環境等。
以下實例是在win98環境的authorware 6版本實踐通過的，除了利用6版本的新功能之外，在5.x版本也可以運行，但由于使用的大量的ucd、activex、第三方多媒體控件和知識對象，所有相關的文件必須要完整提供。

實例1：即時光標跟隨提示。
實例說明：一幅美麗的大自然畫卷中，雄鷹在天空中翱翔，廣闊的草地上一只美洲豹在奔跑著，雄鷹和豹子是2幅動態gif格式的圖片，鼠標停留在大自然背景圖時出現跟隨光標提示“美麗的大自然”，當光標移動到gif圖片時，分別出現提示“翱翔的雄鷹”和“奔馳的美洲豹”的即時提示，單擊2幅gif圖片時分別作具體介紹；光標移動到草原上的屋子時出現離開提示信息，單擊鼠標有退出選項，退出時利用“message box”知識對象處理確定是否退出。
制作步驟：
1、為了屏幕美觀，程序不需要標題和菜單欄。點擊authorware主菜單下的“modify”下的“file”里面的“properties”（快捷鍵ctrl_shirt_d），在“playback”選項那設定顯示屏幕為“variable”（由變量決定屏幕顯示大?。c開“title bar”和“menu bar”。（見圖1），這項工作在下面的例子中都采用相同的設定，下面的就不重復了。

2、在新流程線上放一計算圖標“start”。用它作標志開始執行程序，里面輸入“--程序開始”，--是用來注釋的。
3、繼續放一個計算圖標“setwindows”。里面輸入：
resizewindow(640,480)
showmenubar(off)
showtitlebar(off)
showtaskbar(off)
系統函數resizewindow 是利用width和height參數來調整窗口的大小，它只使用在計算圖標中，調整窗口的系統變量包括windowheight、 windowwidth、 windowtop、windowleft。
showmenubar(display)：showmenubar用來顯示或關閉用戶的菜單欄，它只使用在計算圖標中。
注意：即使用戶關閉了菜單欄任務條，用戶仍然可以在運行時的任何時候按alt_f4退出程序。
showtitlebar(display)：顯示窗口標題欄，display=off是隱藏，display=on是顯示。
showtaskbar(off)：關閉系統任務欄。但當windowsd的任務條設定為“總在最前”會忽略你的這個設定。
4、在流程線上放置一顯示圖標“nature”作為背景圖，調整好位置，使它覆蓋全部畫面。右擊這圖標，在“properties”里面的“display”選項里面設定“prevent automatic erase”，防止自動擦除圖畫，其他設定用省缺值就可以了。
5、在主菜單下的“insert”下的“media”里面的“animated gif...”點出一個圖標“eagle”，瀏覽文件夾，將一幅gif格式的雄鷹圖放進來，設定好位置、大小，（見圖2）

并右擊這圖標，在屬性的顯示方式項設定為“transparent”（透明），這設定和圖片本身有一定關系，要看圖片的實際來處理。（見圖3）

6、在“eagle”下放一運動圖標“move_eagle”。選擇運動的對象是eagle，雙擊鼠標打開這運動圖標，在“properties”里面的“motion”選項里面設定“type”為“path to end”（指向固定路徑的終點），設定運行時間為25秒，“concurrency”設定為“concurrent”（同時運行下面內容），在“move when”選項打上“true”（目的是讓運動循環進行）（見圖4）。

所定義的路徑一般在背景圖的天空部分，可以讓雄鷹的部分路徑顯示在畫面外邊，一般采用圓滑路徑（將關鍵點點擊設定圓點就可以了）。這樣下來，雄鷹就可以循環翱翔在天空中了。
7、用步驟5同樣的方法添加圖標“panther”（豹子的gif圖片）。（見圖5）

8、用步驟6同樣的方法添加運動圖標“move_panther”（見圖6），但在設定豹子的運動路徑時有所不同，可以設定4個三角形的標志，做成矩形的環路，目的是使豹子的運動路徑在背景圖下面的土地上單向循環奔跑，這4個標志都應該放在圖畫外邊。
9、在流程線上繼續添加一個屋子的gif格式圖片“home”，屬性設定和步驟5的相同，主要將它們設定為“prevent automatic erase”（防止自動擦除）和“transparent”（透明）模式就可以了。
10、在流程線上放置一個交互圖標“tips”，它右邊主要為2類各4個的交互，一類是當光標在屏幕上的提示，另一類是當點擊圖畫時的引申，4個交互分別對應于大自然、鷹、豹、屋。
11、在“tips”交互圖標右邊放置一個群組圖標“nature”，設定交互方式類型為“hot object”（熱對象），在“match”匹配為“cursor on object”，并將光標變成粗“十”型（見圖7），設定“scope”為“perpetual”（永久）。

下面分別放置計算圖標“xy”、擦除圖標“x”、顯示圖標“美麗的大自然”、計算圖標“goxy”。（見圖8）

計算圖標“xy”里面輸入：
x:=cursorx--將光標當前位置距離窗口左邊的像素數值賦給變量x
y:=cursory--將光標當前位置距離窗口頂端的像素數值賦給變量y
擦除圖標“x”的“icon”屬性設定為“icons to preserve”，列表圖標留空，就是擦除前面的所有顯示內容。
在顯示圖標里面寫上“美麗的大自然”，這顯示圖標“display”屬性里面一定要勾選“update displayed variable”(更新變量）（見圖9），

在“positioning”和“movable”屬性都設定為“on screen”，在初始位置“initial”中x值設定為x，y值設定為y+18（見圖10）。

這個顯示圖標的作用就是當光標出現在背景圖時，光標顯示為粗“+”型，并出現緊跟隨光標的即時提示！它是通過更新光標位置變量來實現的。
12、采用完全相同的方法在流程線右邊加上“panther”、“eagle”、“home”，因為即時提示的字數有區別，在初始位置“initial”中的x、y有所不同。當gif圖片運動時，這些即時提示也是有效的。
13、繼續在流程線右邊加一個計算圖標“nature.”。它是當鼠標點擊是所要執行的任務，所以，它的設定和步驟11、12有一個不同地方，就是“match”設定為“single-click”(單擊），并把這時的光標改成手型。在計算圖標里寫上“goto(iconid@"-nature")”，注意跳轉目的圖標的名稱只能是唯一的，否則提示出錯。讓程序執行到流程線下面的“-nature”圖標處執行。這里面的跳轉，也可以采用導航圖標進行跳轉，它們實現的方法其實是一樣的。
4、同樣的方法在流程線右邊設定好“panther”、“eagle”、“home”3個計算圖標，并在計算圖標里面設定好要跳轉的目的圖標名稱。
這些交互對象，都一定要設置“scope”為“perpetual”，因為提示部分的更新跟隨一定要這樣設置才可以實現。
15、在流程線下添加一個等待圖標“interrupt”里面設定等待的時間為99999，作為中斷、隔離之用，下面的內容都是由前邊跳轉過來執行具體的任務的。
16、在流程線下添加一個框架圖標，承接上邊跳轉，當鼠標點擊圖片時要執行的內容?？蚣軋D標里面的內容全部刪除，留空框架。
17、在框架右邊添加群組圖標“-nature”，里面主要顯示一些說明。先添加一個擦除圖標，像前邊步驟設定一樣擦除前面內容；再加一個顯示圖標做說明；接著加一個單擊鼠標繼續的等待圖標；最后加一個計算圖標，里面寫上：
restart()--初始化，重新定義變量。
goto(iconid@"start")
這圖標讓程序繼續從頭開始執行。（見圖11）

18、流程線右邊繼續添加“-panther”、“-eagle”群組，設定的方法基本同步驟17，它是鼠標單擊熱對象時的反應。
19、繼續添加“-home”群組圖標。下面先加一個顯示圖標顯示背景圖，再加原來那個屋子的if圖片，再添加一個“消息框知識對象”，最后加一個計算圖標，里面寫上（見插圖1-19-1）：
if button=6 then
quit()
else
end if
restart()
goto(iconid@"start")
其中button是消息框知識對象里面的返回變量的數值，其中ok=1，cancel=2，abort=3，retry=4，ignore=5，yes=6，no=7。這里的計算圖標意思是：當點擊“yes”是確定退出，否則重新執行程序。
“消息框知識對象”的設置步驟：
a、點擊主菜單“windows”下的“knowledge objects”，雙擊打開一個“message box”的知識對象。
b、按“next”選擇修改成“system modal”。（見圖13）