主要內(nèi)容

    在計(jì)算機(jī)技術(shù)和多媒體技術(shù)飛速發(fā)展的今天，我們可以通過(guò)計(jì)算機(jī)創(chuàng)作出許多精美絕倫的圖形和圖片。本實(shí)例介紹如何創(chuàng)作一面冉冉升起的旗子。

基本操作提要

    在下面的操作過(guò)程中，我們著重練習(xí)以下重要功能按鈕和圖標(biāo)的使用：authorware中的【顯示】設(shè)計(jì)按鈕和【移動(dòng)】設(shè)計(jì)按鈕；authorware程序的基本操作步驟和常用命令。包括【presentation window】窗口的設(shè)置，圖形工具箱中【直線】工具按鈕和【矩形】工具按鈕等的使用，以便對(duì)authorware 的程序有一個(gè)感性的認(rèn)識(shí)。希望讀者通過(guò)自己動(dòng)手一步步操作來(lái)熟悉和掌握這些技術(shù)。
注意：操作中對(duì)【圖形工具箱】的靈活使用。

實(shí)例過(guò)程

    步驟1創(chuàng)立新的文件和設(shè)置【presentation window】窗口：

圖1－1 【modify】菜單命令選項(xiàng)列表

    （1）創(chuàng)建新的文件。
    方法一：從file菜單中選擇new命令。
    方法二：?jiǎn)螕艄ぞ邫谥械?img src="/d/file/p/2024/09-08/e3e1aa92d660dedb7f31d7c702ad5dbc.jpg" width=21 align=bottom border=0 border="0"/> 按鈕。

圖1－2【presentation window】控制窗口對(duì)話(huà)框

    authorware將彈出一個(gè)名為“untitled”的設(shè)計(jì)窗口。設(shè)計(jì)窗口的平臺(tái)用以顯示一個(gè)多媒體程序的邏輯設(shè)計(jì)結(jié)構(gòu)，并將這種邏輯結(jié)構(gòu)通過(guò)主流線及其支流線以及設(shè)計(jì)按鈕圖標(biāo)的方式在設(shè)計(jì)平臺(tái)上反映出來(lái)。
    (2)從modify菜單中選擇file－>properties命令來(lái)設(shè)置【presentation window】控制窗口。如圖1－1所示控制演示窗口的大小非常重要，對(duì)用戶(hù)的交互式應(yīng)用程序的演示效果有直接的影響。

圖1－3 【color】對(duì)話(huà)框

    (3)size(窗口)的大小表示最終展示窗口的大小，要選擇合適的大小。例如，如果創(chuàng)作是在一個(gè)1024×768的計(jì)算機(jī)上設(shè)置為全屏幕顯示，而在最終用戶(hù)為800×600的計(jì)算機(jī)上運(yùn)行時(shí)，則原先的一部分對(duì)象就會(huì)變得不可見(jiàn)，因而影響了運(yùn)行的效果。同樣的道理，顯示器的型號(hào)也是要充分考慮的。在這里，我們選擇“640×480（vga，mac13’’）”，如圖1－2所示。
    (4)修改【presentation window】窗口的背景顏色為某種顏色，只需用鼠標(biāo)左鍵單擊圖示的【background】命令按鈕，打開(kāi)【color】顏色對(duì)話(huà)框，如圖1－3所示。
    (5)要將背景色改成某種顏色，只需用鼠標(biāo)左鍵單擊左邊的顏色方格。此時(shí)，在對(duì)話(huà)框的右上角將顯示這種顏色的樣例。如果對(duì)這種顏色滿(mǎn)意的話(huà)，只需單擊ok命令按鈕即可，返回【presentation window】控制窗口設(shè)置對(duì)話(huà)框。

    步驟2要點(diǎn)說(shuō)明
    讀者在這里可以嘗試【size】下拉列表中的不同選項(xiàng)，如圖1－4 所示，然后使用快捷鍵ctrl+r觀察【presentation window】窗口的變化?！緋resentation window】的詳細(xì)設(shè)置見(jiàn)“presentation window”窗口的設(shè)置。

圖1－4 【size】窗口的下拉選項(xiàng)

    步驟3放置一個(gè)【顯示】圖標(biāo)到主流程線上：

圖1－5 【顯示】設(shè)計(jì)按鈕的放置

    (1)要在主流線上放置一個(gè)設(shè)計(jì)按鈕，只需用鼠標(biāo)從設(shè)計(jì)按鈕調(diào)色板中拖動(dòng)相應(yīng)的設(shè)計(jì)按鈕到主流線上相應(yīng)的位置釋放即可。拖曳一個(gè)【顯示】設(shè)計(jì)按鈕到主流程線上需要以下操作：首先將鼠標(biāo)移到設(shè)計(jì)按鈕調(diào)色板上的【顯示】設(shè)計(jì)按鈕上，按住鼠標(biāo)的左鍵將其拖曳到主流程線上釋放，此時(shí)主流程線上的【顯示】設(shè)計(jì)按鈕呈選中狀態(tài)（黑色高亮）。在“untitled”高亮顯示時(shí)，輸入該設(shè)計(jì)按鈕的標(biāo)題在“untitled”高亮顯示時(shí)，輸入該設(shè)計(jì)按鈕的標(biāo)題（如旗桿），然后在主流程線上單擊鼠標(biāo)，【顯示】設(shè)計(jì)按鈕便設(shè)置完畢，如圖1－5所示。

    (2)要打開(kāi)一個(gè)設(shè)計(jì)按鈕，只需用鼠標(biāo)在設(shè)計(jì)平臺(tái)上雙擊該設(shè)計(jì)按鈕的圖標(biāo)即可。
    (3)當(dāng)【顯示】設(shè)計(jì)按鈕被打開(kāi)后，【presentation window】窗口便出現(xiàn)在屏幕上，如圖1－6所示，而該【顯示】設(shè)計(jì)按鈕中所包含的內(nèi)容（包括文本、圖形等）均顯示在演示畫(huà)面上，同時(shí)，在設(shè)計(jì)平臺(tái)上將出現(xiàn)圖形工具箱，圖形工具箱的標(biāo)題欄上顯示的是該【顯示】設(shè)計(jì)按鈕的標(biāo)題名，圖形工具箱的最左邊的圖標(biāo)顯示框中顯示的是該顯示按鈕的圖標(biāo)。如左圖。利用圖形工具箱中的工具，既可以直接創(chuàng)建文本或圖形，也可以對(duì)顯示在演示窗口的文本和圖形對(duì)象進(jìn)行編輯。

圖 1－6  打開(kāi)【顯示】設(shè)計(jì)按鈕

    步驟4在【顯示】圖標(biāo)的演示窗口上繪制旗桿

圖1－7 利用圖形工具箱畫(huà)矩形

    (1) 用鼠標(biāo)單擊圖形工具箱中的矩形，使之變成高亮。當(dāng)你將鼠標(biāo)從工具箱移開(kāi)后，讀者會(huì)發(fā)現(xiàn)箭頭光標(biāo)變成了十字光標(biāo)。用來(lái)畫(huà)旗桿。在展示窗口讀者準(zhǔn)備放置旗桿的位置，點(diǎn)按鼠標(biāo)健不要松開(kāi)，然后開(kāi)始拖曳。拖曳過(guò)程中調(diào)整矩形的大小如圖1－7所示。
    (2) 創(chuàng)建顯示對(duì)象時(shí)使用的顏色。缺省情況下authorware用白色作背景色，黑色為前景色，筆畫(huà)和線條則用黑色。為使創(chuàng)建的顯示對(duì)象更引人注目，可以改變這種設(shè)置。要改變系統(tǒng)的設(shè)置，可以雙擊圖形工具箱中的橢圓工具，或使用快捷鍵ctrl+k來(lái)彈出設(shè)置顏色的對(duì)話(huà)框，如圖1－8所示。

圖1－8 填充色【color】對(duì)話(huà)框

    (3) 在該對(duì)話(huà)框底部有兩個(gè)區(qū)域，右邊的區(qū)域就是前景色和背景色設(shè)置區(qū)。在該區(qū)域有兩個(gè)重疊放置的樣例塊。上面的樣本塊是前景色樣本塊，底下的樣本塊是背景色樣本塊，它們分別用來(lái)顯示當(dāng)前使用的前景色和背景色。單擊前景色區(qū)使其周邊高亮，然后在調(diào)色板中選擇讀者喜歡的顏色，如圖1－8所示。

圖1－9 調(diào)整矩形大小和位置

    (4) 關(guān)閉調(diào)色板。
    (5) 對(duì)矩形旗桿進(jìn)行大小和位置的調(diào)整。用鼠標(biāo)單擊指針工具使其高亮。用指針工具單擊矩形本身，即可選中此對(duì)象。當(dāng)矩形被選中后，矩形的周?chē)鷷?huì)出現(xiàn)白色句柄。可以拖曳句柄來(lái)縮放此矩形，也可以用鼠標(biāo)的箭頭光標(biāo)來(lái)移動(dòng)它到合適的位置再釋放即可。

    步驟5在主流程線上添加另一個(gè)【顯示】設(shè)計(jì)按鈕
    (1) 拖曳一個(gè)【顯示】設(shè)計(jì)圖標(biāo)到流程線窗口，如圖1－10所示。

圖1－10 添加【顯示】設(shè)計(jì)按鈕

    (2) 選擇“control”菜單中的“restart”命令打開(kāi)此【顯示】圖標(biāo)。在文件被執(zhí)行時(shí)，如果它遇到一個(gè)不含任何內(nèi)容的【顯示】設(shè)計(jì)按鈕時(shí)，authorware 會(huì)自動(dòng)打開(kāi)【presentation window】窗口，并且圖形工具箱會(huì)顯示在空白的演示畫(huà)面上。此時(shí)展示窗口中旗桿【顯示】圖標(biāo)和紅旗【顯示】圖標(biāo)的內(nèi)容同時(shí)被顯示，紅旗【顯示】圖標(biāo)為當(dāng)前圖標(biāo)，旗桿【顯示】圖標(biāo)內(nèi)容處于底層（如圖1－11所示）。

圖1－11畫(huà)矩形紅旗

    (3)選用矩形工具，在圖示位置畫(huà)矩形旗子，并調(diào)整其位置。
    (4) 創(chuàng)建顯示對(duì)象時(shí)使用的顏色。缺省情況下authorware用白色作背景色，黑色為前景色，筆畫(huà)和線條則用黑色。為使創(chuàng)建的顯示對(duì)象更引人注目，可以改變這種設(shè)置。要改變系統(tǒng)的設(shè)置，可以雙擊圖形工具箱中的橢圓工具，或使用快捷鍵ctrl+k彈出設(shè)置顏色的對(duì)話(huà)框，如圖1－12所示。

圖 1－12  填充矩形為紅色

    (5)在該對(duì)話(huà)框底部有兩個(gè)區(qū)域，右邊的區(qū)域就是前景色和背景色設(shè)置區(qū)。在該區(qū)域有兩個(gè)重疊放置的樣例塊。上面的樣例塊是前景色樣本塊，下面的樣例塊是背景色樣本塊，它們分別用來(lái)顯示當(dāng)前使用的前景色和背景色。單擊前景色區(qū)使其周邊高亮，然后在調(diào)色板中選擇讀者喜歡的顏色。為矩形旗著前景色。

    步驟6畫(huà)拉旗桿：
    在如圖1－13所示的位置畫(huà)矩形拉旗桿，調(diào)整其位置和大小，并為拉旗桿著和旗桿同色的前景色。

圖 1-13 畫(huà)拉旗桿并填充顏色

    步驟7畫(huà)拉旗線：
    (1)圖形工具箱中有兩個(gè)繪制直線的工具按鈕，即【直線】和【十字交叉線】工具按鈕?！局本€】按鈕可以繪制任意方向和長(zhǎng)度的直線，【十字交叉線】工具按鈕只能用來(lái)繪制一條水平，垂直或與水平方向呈45度角的直線。選用【直線】工具按鈕，如圖1－14所示畫(huà)拉旗線。單擊鼠標(biāo)并按住鼠標(biāo)拖動(dòng)，屏幕上出現(xiàn)直線的形狀，當(dāng)直線的長(zhǎng)度符合設(shè)計(jì)需要時(shí)，釋放鼠標(biāo)，此時(shí)直線兩端各有一個(gè)白色句柄，表示直線處在選中狀態(tài)。繼續(xù)畫(huà)另一條拉旗線。

圖 1－14 畫(huà)拉旗線并選擇線型

    (1) 選定拉旗線。點(diǎn)擊指針工具使其高亮。按住shift健，用鼠標(biāo)點(diǎn)擊兩個(gè)拉旗線，使其處于被選定狀態(tài)。兩條拉旗線兩端均出現(xiàn)白色句柄，表示兩條直線同時(shí)被選中，如圖1－14所示。

圖 1－15 保存文件命令

    步驟8修改直線的顯示線型：
    (1)缺省的情況下，繪制的直線是一個(gè)不帶箭頭的細(xì)直線，authorware允許用戶(hù)根據(jù)需要設(shè)置不同寬度的直線或給直線加上箭頭。雙擊【直線】工具或【十字交叉線】工具可以彈出設(shè)置直線樣式的對(duì)話(huà)框，在顯示的對(duì)話(huà)框上有兩個(gè)區(qū)域，上面的區(qū)域是直線的寬度選擇區(qū)，要想直線以某種寬度顯示，只需在相應(yīng)的寬度樣例上單擊即可。被選中的樣例將被黑色方框所包圍。下面的區(qū)域?yàn)橹本€的箭頭選擇區(qū)，選擇方法和直線樣例一樣。在直線線型選擇區(qū)選擇如圖1－14所示寬度的直線線型。

    步驟9保存命令：
    用于保存當(dāng)前的文件。使用file菜單中的save命令，保存流程線窗口程序的內(nèi)容。如圖1－15所示。
    如果當(dāng)前的文件還沒(méi)有命名，使用該命令會(huì)打開(kāi)【save file as】對(duì)話(huà)框。如圖1－16所示。在【文件名】正文輸入框中可以為當(dāng)前文件輸入一個(gè)文件名，然后單擊【保存】按鈕，即可把當(dāng)前窗口中的內(nèi)容保存到指定的文件中，如果當(dāng)前文件已經(jīng)有了名稱(chēng)，該命令可以快速將文件重新保存一遍。
    輸入文件名flag，單擊【保存】按鈕保存文件。

圖 1－16 【save file as】對(duì)話(huà)框

    步驟10在主流程線上添加【移位】設(shè)計(jì)按鈕：
    拖曳一個(gè)【移位】設(shè)計(jì)按鈕到主流程線上。如圖1－17所示?！疽莆弧吭O(shè)計(jì)按鈕，用于

圖 1－17 添加【移位】設(shè)計(jì)按鈕

    移動(dòng)顯示對(duì)象以生成動(dòng)畫(huà)效果，被移動(dòng)的對(duì)象是含在一個(gè)顯示設(shè)計(jì)按鈕中的內(nèi)容。移動(dòng)的對(duì)象可以在指定的時(shí)間內(nèi)從屏幕上的一個(gè)位置移動(dòng)到另一個(gè)位置，也可以以指定的速度在屏幕上按照指定的路線移動(dòng)。
    旗子的冉冉升起，就是利用【移位】設(shè)計(jì)按鈕移動(dòng)特性使【顯示】設(shè)計(jì)按鈕中的內(nèi)容產(chǎn)生移動(dòng)。

    步驟11打開(kāi)【移位】設(shè)計(jì)按鈕對(duì)話(huà)框并進(jìn)行設(shè)置：
    (1) 打開(kāi)【移動(dòng)】設(shè)計(jì)按鈕，使用control 菜單的restart命令（快捷鍵ctrl+r）運(yùn)行該文件。authorware 在遇到一個(gè)新的【移位】設(shè)計(jì)按鈕時(shí)會(huì)自動(dòng)打開(kāi)它，由于用于設(shè)計(jì)動(dòng)畫(huà)的對(duì)象放在它前面的【顯示】設(shè)計(jì)按鈕中，因此，當(dāng)【移位】設(shè)計(jì)按鈕打開(kāi)時(shí)，該對(duì)象依然在演示畫(huà)面上。運(yùn)行該命令，旗桿、旗和拉旗線等均同時(shí)出現(xiàn)在演示窗口上，如圖1－18所示。

圖 1－18 【移位】設(shè)計(jì)按鈕對(duì)話(huà)框

    (2)選定移動(dòng)對(duì)象：移動(dòng)對(duì)話(huà)框到合適位置，使其下層的旗桿和旗子顯示出來(lái)。用鼠標(biāo)單擊旗子，選定其為移動(dòng)對(duì)象，此時(shí)，在預(yù)覽窗口中便出現(xiàn)所選定的移動(dòng)對(duì)象，如圖1－19所示。

圖 1－19 選定【移位】設(shè)計(jì)移動(dòng)對(duì)象

    步驟12設(shè)置【移位】對(duì)話(huà)框：
    (1) 移動(dòng)方式“type”選擇“direct to point”.直接到固定點(diǎn)。時(shí)間控制方式“timing” 選擇 “time (sec)”，移動(dòng)時(shí)間“time” 設(shè)定為5秒。如圖1－20所示。

圖 1 －20 設(shè)置【移位】設(shè)計(jì)按鈕對(duì)話(huà)框

    (2) 設(shè)置移動(dòng)的終點(diǎn)位置：從顯示位置把旗子拖曳到旗桿頂部。
    步驟13調(diào)整【移位】設(shè)計(jì)按鈕對(duì)話(huà)框，使移動(dòng)對(duì)象在【presentation window】窗口中顯現(xiàn)出來(lái)，單擊preview，觀看動(dòng)畫(huà)效果。如圖1－21所示。

圖 1 －21  效果預(yù)覽

    步驟14調(diào)整參數(shù)，使對(duì)象達(dá)到最佳效果后，選擇“ok”按鈕。
    步驟15使用control 菜單的restart命令（ctrl+r）來(lái)運(yùn)行程序，觀看整體效果。如圖1－22所示。
    步驟16存盤(pán)，設(shè)計(jì)結(jié)束

圖 1－22 最終效果展示

  總結(jié)

    旗桿【顯示】圖標(biāo)存儲(chǔ)旗桿的圖形
    旗子【顯示】圖標(biāo)存儲(chǔ)旗子的圖形
    升旗【移動(dòng)】圖標(biāo)按一定特性移動(dòng)