authorware 6.5 輕松學(xué)
　　第一部分 圖標(biāo)化的設(shè)計流程

　　相對于同是macromedia旗艦產(chǎn)品的"同門兄弟"director，authorware的門檻更低，即使您沒有任何的編程基礎(chǔ)，只要懂得基本的windows操作知識，一樣可以輕輕松松地學(xué)會并掌握authorware的開發(fā)設(shè)計流程！熟悉多媒體軟件設(shè)計的開發(fā)人員都說authorware易學(xué)易用，為什么？原來這一切都緣于authorware直接面向?qū)ο蟮膱D標(biāo)化設(shè)計流程，只要在流程線上添加各種各樣的設(shè)計圖標(biāo)并進(jìn)行相關(guān)屬性設(shè)置，就可以實現(xiàn)復(fù)雜的功能，實在是不可思議！敏而好學(xué)的您心動了吧？下面筆者就給大家介紹一下authorware 6.5的核心設(shè)計元素——設(shè)計圖標(biāo)。

　　啟動authorware 6.5進(jìn)入程序主界面，在窗體左邊的就是authorware的圖標(biāo)欄，它上面的圖標(biāo)即是authorware流程線上的核心元素，如圖1所示。其中，圖標(biāo)欄上方的13個圖標(biāo)用于流程線的設(shè)置，通過它們來完成程序的計算、顯示、決策、交互控制等功能；位于設(shè)計圖標(biāo)下面的"開始旗幟"和"結(jié)束旗幟"則是用于調(diào)試控制程序執(zhí)行的起始位置和結(jié)束位置；而在圖標(biāo)欄最下方的是設(shè)計圖標(biāo)調(diào)色板。下面我們先來講解圖標(biāo)欄上各個設(shè)計圖標(biāo)的具體功能及使用技巧，為后面的靈活設(shè)計程序流程打下必要的基礎(chǔ)。

　　【顯示】設(shè)計圖標(biāo)
　　顯示圖標(biāo)是authorware設(shè)計流程線上使用最頻繁的圖標(biāo)之一，在顯示圖標(biāo)中可以存儲多種形式的圖片及文字，另外，還可以在其中放置函數(shù)變量進(jìn)行動態(tài)地運算執(zhí)行。

　　【移動】設(shè)計圖標(biāo)
　　移動圖標(biāo)是設(shè)計authorware動畫效果的基本方法，它主要用于移動位于顯示圖標(biāo)內(nèi)的圖片或者文本對象，但其本身并不具備動畫能力。authorware 6.5提供了五種二維動畫移動方式。

　　【擦除】設(shè)計圖標(biāo)
　　擦除圖標(biāo)主要用于擦除程序運行過程中不再使用的畫面對象。authorware 6.5系統(tǒng)內(nèi)部提供多種擦除過渡效果使程序變得更加眩目生動。

　　【等待】設(shè)計圖標(biāo)
　　顧名思義，主要用在程序運行時的時間暫停或停止控制。

　　【導(dǎo)航】設(shè)計圖標(biāo)
　　導(dǎo)航圖標(biāo)主要用于控制程序流程間的跳轉(zhuǎn)，通常與框架圖標(biāo)結(jié)合使用，在流程中設(shè)置與任何一個附屬于框架設(shè)計圖標(biāo)頁面間的定向鏈接關(guān)系。

　　【框架】設(shè)計圖標(biāo)
　　框架圖標(biāo)提供了一個簡單的方式來創(chuàng)建并顯示authorware的頁面功能。框架圖標(biāo)右邊可以下掛許多圖標(biāo)，包括顯示圖標(biāo)、群組圖標(biāo)、移動圖標(biāo)等，每一個圖標(biāo)被稱為框架的一頁，而且它也能在自己的框架結(jié)構(gòu)中包含交互圖標(biāo)、判斷圖標(biāo)，甚至是其它的框架圖標(biāo)內(nèi)容，功能十分的強(qiáng)大！

　　【決策】設(shè)計圖標(biāo)
　　決策圖標(biāo)通常用于創(chuàng)建一種決策判斷執(zhí)行機(jī)構(gòu)，當(dāng)authorware程序執(zhí)行到某一決策圖標(biāo)時，它將根據(jù)用戶事先定義的決策規(guī)則而自動計算執(zhí)行相應(yīng)的決策分支路徑。

　　【交互】設(shè)計圖標(biāo)
　　交互圖標(biāo)是authorware突出強(qiáng)大交互功能的核心表征，有了交互圖標(biāo)，authorware才能完成各種靈活復(fù)雜的交互功能。authorware 6.5提供了多達(dá)11種的交互響應(yīng)類型。與顯示圖標(biāo)相似，交互圖標(biāo)中同樣也可插入圖片和文字。

　　【計算】設(shè)計圖標(biāo)
　　計算圖標(biāo)是用于對變量和函數(shù)進(jìn)行賦值及運算的場所，它的設(shè)計功能看起來雖然簡單，但是靈活地運用往往可以實現(xiàn)難以想象的復(fù)雜功能。值得注意的是，計算圖標(biāo)并不是authorware計算代碼的唯一執(zhí)行場所，其它的設(shè)計圖標(biāo)同樣有附帶的計算代碼執(zhí)行功能。

　　【群組】設(shè)計圖標(biāo)
　　authorware引入的群組圖標(biāo)，更好地解決了流程設(shè)計窗口的工作空間限制問題，允許用戶設(shè)計更加復(fù)雜的程序流程。群組圖標(biāo)能將一系列圖標(biāo)進(jìn)行歸組包含于其下級流程內(nèi)，從而提高了程序流程的可讀性。

　　【電影】設(shè)計圖標(biāo)
　　電影圖標(biāo)，即數(shù)字化電影圖標(biāo)，主要用于存儲各種動畫、視頻及位圖序列文件。利用相關(guān)的系統(tǒng)函數(shù)變量可以輕松地控制視頻動畫的播放狀態(tài)，實現(xiàn)例如回放、快進(jìn)/慢進(jìn)、播放/暫停等功能。

　　【聲音】設(shè)計圖標(biāo)
　　與數(shù)字化電影圖標(biāo)的功能相似，聲音圖標(biāo)則是用來完成存儲和播放各種聲音文件。利用相關(guān)的系統(tǒng)函數(shù)變量同樣可以控制聲音的播放狀態(tài)。

　　【視頻】設(shè)計圖標(biāo)
　　視頻圖標(biāo)通常用于存儲一段視頻信息數(shù)據(jù)，并通過與計算機(jī)連接的視頻播放機(jī)進(jìn)行播放，即視頻圖標(biāo)的運用需要硬件的支持，普通用戶都比較少使用該設(shè)計圖標(biāo)。

　　【開始】旗幟
　　用于調(diào)試執(zhí)行程序時，設(shè)置程序流程的運行起始點。

　　【結(jié)束】旗幟
　　用于調(diào)試執(zhí)行程序時，設(shè)置程序流程的運行終止點。

　　熟悉了authorware設(shè)計圖標(biāo)的具體功能后，您一定很心急，"蠢蠢欲動"地想體驗一下authorware 6.5獨特的圖標(biāo)化設(shè)計流程吧？！ok，下面我們就利用authorware的圖標(biāo)來設(shè)計制作一個與古詩相關(guān)的authorware動畫，借此親身感受authorware的圖標(biāo)化流程設(shè)計風(fēng)格。
【范例設(shè)計思路】

　　南宋詩人楊萬里的《小池》大家應(yīng)該不會陌生，"泉眼無聲惜細(xì)流，樹陰照水愛睛柔。小荷才露尖尖角，早有蜻蜓立上頭"，描繪出美妙動人的詩境。

　　下面我們就通過authorware 6.5，把"小荷才露尖尖角，早有蜻蜓立上頭"的詩情畫意描繪設(shè)計為一生動的authorware動畫。程序執(zhí)行預(yù)覽如圖2所示。

圖 2

　　【流程設(shè)計過程】

　　1． 設(shè)計程序背景

　　首先我們根據(jù)"小荷才露尖尖角，早有蜻蜓立上頭"的詩情畫意，利用圖象處理軟件例如adobe photoshop 7.0等設(shè)計一程序背景圖片。

　　啟動authorware 6.5，新建一authorware文件"dragonfly.a6p"。在程序流程線上添加一顯示圖標(biāo)，并命名為"background"。同時把事先設(shè)計好的程序背景圖片導(dǎo)入到顯示圖標(biāo)"background"中，如圖3所示。

圖 3

　　2． 設(shè)計動畫過程

　　我們來描繪一下這個簡單的動畫過程：蜻蜓在荷花小池上空悠閑地飛來飛去，并不時地停立在含苞待放的荷蕾上。這樣的動畫過程如何在authorware里設(shè)計實現(xiàn)呢？且看下面的設(shè)計分解。

　　繼續(xù)在程序流程上添加一決策圖標(biāo)，并命名為"dragonfly"。快捷鍵ctrl+i調(diào)出決策圖標(biāo)屬性對話窗口，選擇【repeat】決策分支循環(huán)域選擇為"until true"，并在其下的條件輸入框內(nèi)輸入條件：fly=1，其中"fly"是一自定義變量，默認(rèn)初始值為0。保持【branch】分支域為默認(rèn)的"sequentially"順序執(zhí)行即可。上面的屬性設(shè)置表示當(dāng)fly=1的時候，停止決策分支的循環(huán)執(zhí)行，反之fly=0的時候則按決策分支順序循環(huán)執(zhí)行分支頁面內(nèi)容。最后的屬性設(shè)置如圖4所示。

圖 4

　　眾所周知電腦上實現(xiàn)的動畫效果實際上是由一幀一幀的連續(xù)圖片按順序組合而成的，這里我們準(zhǔn)備了三幀的蜻蜓飛行圖，即三副連續(xù)圖片來實現(xiàn)蜻蜓的飛行動畫過程。

　　動畫的主角蜻蜓馬上出場了！在決策圖標(biāo)"dragonfly"右邊添加一群組圖標(biāo)"flya"，它將成為存放蜻蜓飛行動畫第一幀圖片內(nèi)容的場所。雙擊進(jìn)入群組圖標(biāo)"flya"的二級流程窗口，在其二級流程線上添加一顯示圖標(biāo)"1"，并導(dǎo)入事先準(zhǔn)備好的第一幀的蜻蜓飛行圖片，并調(diào)整"蜻蜓"到合適位置，如圖5所示。為了讓每一幀的動畫有過渡停頓的效果，繼續(xù)在顯示圖標(biāo)"1"的后面放置一等待圖標(biāo)，并設(shè)置等待時間為0.4秒。這樣第一幀的動畫內(nèi)容即設(shè)計完畢！

圖 5

　　同理我們繼續(xù)設(shè)計其它兩幀的動畫"flyb"、"flyc"。最后的完整程序流程如圖6所示。此時按快捷鍵ctrl+r調(diào)試執(zhí)行，蜻蜓真的飛動起來了！

圖 6

　　簡簡單單的幾個圖標(biāo)就讓蜻蜓展開雙翅飛起來了，是否覺得authorware的圖標(biāo)化流程設(shè)計十分的"平易近人"？！源文件下載

　　如果在流程設(shè)計過程中結(jié)合一些使用小技巧，可以使多媒體的開發(fā)設(shè)計更加得心應(yīng)手，下面介紹幾個設(shè)計圖標(biāo)使用的小技巧，大家自己可以在實踐過程中不斷挖掘更多的使用技巧，積累實戰(zhàn)經(jīng)驗。
設(shè)計圖標(biāo)使用的小技巧

　　圖標(biāo)欄底部的設(shè)計圖標(biāo)調(diào)色板可用于對圖標(biāo)進(jìn)行著色。當(dāng)流程設(shè)計窗口上的設(shè)計圖標(biāo)比較繁多時，進(jìn)行程序調(diào)試和檢查往往是令人頭痛的事情，如果在設(shè)計過程中可以對流程線上的同一種圖標(biāo)或同一類型的圖標(biāo)進(jìn)行分組歸類，并著上同一種顏色，那么檢查起來將會十分地方便，調(diào)色板正是提供完成這種功能。進(jìn)行圖標(biāo)上色時，首先用鼠標(biāo)單擊選擇流程線上的圖標(biāo)，然后再用鼠標(biāo)在圖標(biāo)調(diào)色板內(nèi)選擇一種顏色，此時被選中的設(shè)計圖標(biāo)即被涂上顏色了。

　　authorware的使用界面十分友好，提供了這樣一個功能：當(dāng)把鼠標(biāo)移向圖標(biāo)欄的某一設(shè)計圖標(biāo)的上方時，在鼠標(biāo)的下方將會出現(xiàn)該圖標(biāo)的名稱。

　　熟記以下的快捷鍵可以大大地提高流程開發(fā)效率：

　　ctrl+i 將調(diào)出圖標(biāo)屬性的對話窗口
　　ctrl+e 將調(diào)出響應(yīng)屬性的對話窗口
　　ctrl+= 將調(diào)出圖標(biāo)附帶計算代碼編輯窗口
　　ctrl+t 將調(diào)出圖標(biāo)過渡轉(zhuǎn)場效果設(shè)置窗口

　　authorware 6.5開始直接支持圖標(biāo)間的直接拖放操作：

　　直接拖放顯示圖標(biāo)到群組圖標(biāo)內(nèi)，使其作為下級流程的圖標(biāo)
　　直接拖放框架頁面到導(dǎo)航圖標(biāo)上，自動建立導(dǎo)航鏈接關(guān)系
　　直接拖放顯示圖標(biāo)到移動圖標(biāo)上，使其作為該移動圖標(biāo)的移動對象
　　直接拖放群組圖標(biāo)到擦除圖標(biāo)上，使其作為該擦除圖標(biāo)的擦除對象

　　authorware 6.5增強(qiáng)的計算圖標(biāo)編輯器，不但繼承了6.0版本的插入特殊符號、插入消息對話框兩個實用快捷按鈕功能，新增的插入程序語法結(jié)構(gòu)片段按鈕功能，更是極大方便程序代碼的編寫，同時也減小了程序語法的出錯率。