Authorware開發實例:authorware6實際示例1 一面冉冉升起地旗

2024-09-08 19:26:13

字體：大中小

來源：轉載

供稿：網友

實例1 一面冉冉升起的旗

主要內容

在計算機技術和多媒體技術飛速發展的今天，我們可以通過計算機創作出許多精美絕倫的圖形和圖片。本實例介紹如何創作一面冉冉升起的旗子。

基本操作提要

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

實例過程

步驟1創立新的文件和設置【presentation window】窗口：

圖1－1 【modify】菜單命令選項列表

    （1）創建新的文件。
    方法一：從file菜單中選擇new命令。
    方法二：單擊工具欄中的按鈕。

圖1－2【presentation window】控制窗口對話框

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

圖1－3 【color】對話框

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

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

圖1－4 【size】窗口的下拉選項

步驟3放置一個【顯示】圖標到主流程線上：

圖1－5 【顯示】設計按鈕的放置

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

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

圖 1－6 打開【顯示】設計按鈕

步驟4在【顯示】圖標的演示窗口上繪制旗桿

圖1－7 利用圖形工具箱畫矩形

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

圖1－8 填充色【color】對話框

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

圖1－9 調整矩形大小和位置

(4) 關閉調色板。
(5) 對矩形旗桿進行大小和位置的調整。用鼠標單擊指針工具使其高亮。用指針工具單擊矩形本身，即可選中此對象。當矩形被選中后，矩形的周圍會出現白色句柄?？梢酝弦肪浔鷣砜s放此矩形，也可以用鼠標的箭頭光標來移動它到合適的位置再釋放即可。

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

圖1－10 添加【顯示】設計按鈕

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

圖1－11畫矩形紅旗

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

圖 1－12 填充矩形為紅色

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

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

圖 1-13 畫拉旗桿并填充顏色

步驟7畫拉旗線：
(1)圖形工具箱中有兩個繪制直線的工具按鈕，即【直線】和【十字交叉線】工具按鈕。【直線】按鈕可以繪制任意方向和長度的直線，【十字交叉線】工具按鈕只能用來繪制一條水平，垂直或與水平方向呈45度角的直線。選用【直線】工具按鈕，如圖1－14所示畫拉旗線。單擊鼠標并按住鼠標拖動，屏幕上出現直線的形狀，當直線的長度符合設計需要時，釋放鼠標，此時直線兩端各有一個白色句柄，表示直線處在選中狀態。繼續畫另一條拉旗線。

圖 1－14 畫拉旗線并選擇線型

(1) 選定拉旗線。點擊指針工具使其高亮。按住shift健，用鼠標點擊兩個拉旗線，使其處于被選定狀態。兩條拉旗線兩端均出現白色句柄，表示兩條直線同時被選中，如圖1－14所示。

圖 1－15 保存文件命令

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

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

圖 1－16 【save file as】對話框

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

圖 1－17 添加【移位】設計按鈕

移動顯示對象以生成動畫效果，被移動的對象是含在一個顯示設計按鈕中的內容。移動的對象可以在指定的時間內從屏幕上的一個位置移動到另一個位置，也可以以指定的速度在屏幕上按照指定的路線移動。
旗子的冉冉升起，就是利用【移位】設計按鈕移動特性使【顯示】設計按鈕中的內容產生移動。

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