Authorware開發實例:在Authorware課件里面瀏覽外部圖片地繪制靈活技術

2024-09-08 19:25:50

字體：大中小

來源：轉載

供稿：網友

制作設計：

    在顯示窗口中先設計好一個背景，讓外部圖片在展示窗口中連續地從右向左移動過去。從背景圖片上剪裁出左右部分，作為瀏覽圖片前的遮擋。這樣，當圖片出現時就仿佛從遮擋部分切入漸進到顯示窗口中。外部圖片（至少有10張）并沒有裝在程序里，但事先按瀏覽順序編有序號。

    知識要點：

    掌握程序運行中調入外部圖片的方法，以及用遮擋物遮擋圖片的方法。在程序中要運用兩個系統函數“eraseicon”和“goto”，還要用到一個系統變量filelocation。
這幾個函數和變量的使用是：

    ●eraseicon()——擦除指定圖標的顯示對象。語法：eraseicon(iconid@"icontitle")。
    ●goto()——使控制跳轉到函數所指定的圖標處繼續程序的執行。語法：goto(iconid@ " icontitle ")。
    ●filelocation——指定文件定位路徑。

    這種方法用途廣泛，可以處理所有鏈接的外部文件，例如數字電影、動畫、midi聲音文件、聲音文件等。用表達式鏈接外部文件，可以使程序的通用性更強，當程序與外部文件的盤符與路徑改變時，只要外部文件與程序的相對位置沒有變（譬如把程序文件與外部文件放在同一文件夾內），就可以使程序正常運行。在制作光盤時特別要用到這種方法，請讀者注意。

    制作過程：
    在制作前，先將準備瀏覽的外部圖片放在同一文件夾中，按準備瀏覽的順序給文件更名。例如，此練習中可以將圖片更名為：img1.bmp、img2.bmp、img3.bmp…imgn.bmp。
    ① 新建一個文件，該文件保存位置應與外部圖片的位置處于同一文件夾中。拖放一個計算圖標

到流程線上，為其命名為“初始值”。雙擊打開計算圖標，在計算窗口中自定義一個變量并賦初值。輸入內容是：
    num:=1       ----自定義變量賦初值為1

    ② 拖放一個顯示圖標到流程線上，為其命名為“背景圖”。打開顯示圖標，導入一幅圖片，作為整個展示窗口的背景。
    將此背景圖片復制到其他圖像處理軟件中，不要改變其大小，剪裁下左右兩個部分。保存文件為“左遮擋圖”和“右遮擋圖”。
    ③ 拖放一個顯示圖標在顯示圖標“背景圖”的下方，命名為“遮擋圖”。打開顯示窗口，導入前面保存的遮擋圖片文件“左遮擋圖”和“右遮擋圖”，調整左、右遮擋圖的位置，使中間相隔大約一張準備瀏覽的外部圖片寬度。執行菜單命令“修改-圖標-屬性（modify/ icon/properties）”，在“屬性：顯示圖標（properties：displayicon）”的“顯示”選項標簽的“層次”欄，輸入層次數為“2”，如圖1所示。

圖1  顯示圖標屬性的“顯示”選項標簽

    ④ 拖放一個顯示圖標到顯示圖標“遮擋圖”的下面，命名為“外部圖像”，打開其顯示窗口，點擊工具欄導入工具，在“導入哪一個文件”對話框中，用鏈接方式導入準備瀏覽的圖片文件，如圖2所示。將鏈接導入的圖片移動到顯示窗口的右邊，要使右遮擋圖可以遮擋此圖片。

圖2  用鏈接方式導入準備瀏覽的圖片文件

    這里要注意，不要忘記了勾選“鏈接到文件”選項。這種鏈接方式并沒有真正將圖片嵌入到程序中，只是把外部圖片與程序鏈接了起來，在程序運行時會根據路徑調用此圖片。這樣鏈接的方法，可以使程序文件容量不太大。
    ⑤ 在顯示圖標“外部圖像”下面，加入一個名字為“移動”的運動圖標。運行程序當運動圖標的屬性對話框出現時，將圖像水平從右邊拖動到左邊，設置移動時間為6秒。設置完畢，單擊“確定”關閉對話框。
    ⑥ 拖放一個計算圖標到“移動”運動圖標的下面，將其命名為“調用外部圖片”。打開計算窗口，輸入：
    eraseicon(iconid@"外部圖像") ----刪除“外部圖像”顯示圖標中的圖像
num:=num+1 ----圖像號碼加1
    if num=12 then num:=1 ----如果圖像號碼為12時，將num賦值為1
    goto(iconid@"外部圖像") ----轉向“外部圖像”顯示圖標去執行
    ⑦ 單擊工具欄運行程序工具按鈕試運行程序，可以看到同一幅圖片一次次從右向左水平移動過去。為什么只有一幅圖片呢？這是因為我們只鏈接導入了一幅圖片，還沒有在程序中設置怎樣去瀏覽外部圖片，請向下繼續操作。
    ⑧ 在流程線上選中“外部圖像”顯示圖標，在菜單欄選擇“窗口（windows）”菜單項下的“外部媒體瀏覽（external media browser）”菜單命令，隨之彈出相應對話框如圖3所示。

圖3  外部媒體瀏覽對話框

    對話框“外部媒體瀏覽（external media browser）”中各選項的作用是：
    ●類型（type）：這里有兩種類型，一種是“文字（literal）”，另一種是“表達式（expression）”。前者類型可以調用外部文字文件進行瀏覽，后者可以通過表達式瀏覽各種媒體（數字電影、midi聲音等）。這個實例中單選“表達式（expression）”，下面選項隨之發生變化。
    ●表達式（expression）：在這里輸入說明瀏覽路徑的表達式。
這個實例中在表達式文本輸入欄輸入：
    filelocation^"bmp//"^"img"^num^".bmp" ----調用的外部圖像文件定位
這里，表達式中各項參數說明如下：
    ●filelocation——是指定文件路徑的系統變量；
    ●bmp//——表示準備調用的文件所在文件夾。注意路徑與路徑、路徑與文件名之間要用“//”分割；
    ●img——是主文件名中前面無序號部分名稱；
    ●num——是前面自定義變量，瀏覽圖片文件的序號就由它給出；
    ●.bmp——說明瀏覽圖片文件的格式。
    上面輸入內容完成之后，列表框中就有了相應的鏈接列表。下面列表中的“鏈接（link）”項成功鏈接符號是“ ”，斷鏈時符號是“ ”。
    設置完畢如圖4所示，點擊“確定”關閉“外部媒體瀏覽”對話框。

圖4  外部媒體瀏覽對話框中的設置結果

    ⑨ 點擊運行工具，我們可以看到一幅幅圖片依次從右向左移動，循環往復，不斷進行。

    圖5是程序流程圖與顯示窗口的顯示效果。

圖5  程序流程圖與顯示窗口的顯示效果

上一篇：Authorware開發實例:用authorware繪制多媒體自薦光盤(十三)&#091;完&#093;

下一篇：Authorware開發實例:authorware里面進度條繪制辦法