Authorware開發(fā)實(shí)例:實(shí)際示例演練Authorware(1)-光標(biāo)跟隨提示

2024-09-08 19:25:52

字體：大中小

供稿：網(wǎng)友

實(shí)例演練authorware》

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

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

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

并右擊這圖標(biāo)，在屬性的顯示方式項(xiàng)設(shè)定為“transparent”（透明），這設(shè)定和圖片本身有一定關(guān)系，要看圖片的實(shí)際來處理。（見圖3）

6、在“eagle”下放一運(yùn)動(dòng)圖標(biāo)“move_eagle”。選擇運(yùn)動(dòng)的對(duì)象是eagle，雙擊鼠標(biāo)打開這運(yùn)動(dòng)圖標(biāo)，在“properties”里面的“motion”選項(xiàng)里面設(shè)定“type”為“path to end”（指向固定路徑的終點(diǎn)），設(shè)定運(yùn)行時(shí)間為25秒，“concurrency”設(shè)定為“concurrent”（同時(shí)運(yùn)行下面內(nèi)容），在“move when”選項(xiàng)打上“true”（目的是讓運(yùn)動(dòng)循環(huán)進(jìn)行）（見圖4）。

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

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

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

計(jì)算圖標(biāo)“xy”里面輸入：
x:=cursorx--將光標(biāo)當(dāng)前位置距離窗口左邊的像素?cái)?shù)值賦給變量x
y:=cursory--將光標(biāo)當(dāng)前位置距離窗口頂端的像素?cái)?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）。

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

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