在制作課件時,為達到更好的交互效果,常需要自由控制對象,如圖片的組合、儀器的連接等。本文介紹在Authorware中如何實現圖片的拖動和放大。
程序實現目的
動態引入圖片、在指定的區域內移動圖片、放大顯示圖片。
制作步驟
1. 打開Authorware,新建一個文件,依次選擇“Modify-File-Preoperties”,將彈出對話框,“Size”項選擇“Variable”,“Options”項只選擇“Center on Screen”,其他選項保留默認值。
2. 構建程序流程如圖1。
圖1 程序流程圖
3. 打開“初始化”計算圖標,在其中輸入:
ResizeWindow(380,280)
pic:=FileLocation^"1.jpg"
--要顯示的圖片,注意圖片位置和名稱
large:=0
--確定放大圖片的顯示與否
4. 打開顯示圖標“拖動對象”和“放大”的附加計算圖標,內容相同:
Movable:=1
5. 在“退出”計算圖標中輸入:
Quit()
6. 打開條件交互項“RightMouseDown=TRUE”,在其中輸入:
if large=1 then
EraseIcon(@"放大")
large:=0
else
large:=1
DisplayIcon(@"放大")
end if
7. 雙擊顯示圖標“拖動對象”,選擇“File-Import”,在打開的對話框中選上“Link To File”復選項,隨意挑選一個圖片,單擊〔Import〕按鈕關閉對話框,調節好圖片大小。
雙擊剛才輸入的圖片,選擇彈出對話框中的“Image”選項卡,在“File”項中輸入“=pic”后關閉對話框。
接下來的設置非常重要,依次選擇“Modify-Icon-Preoperties”,在對話框中單擊“Layout”,進行如下設置(如圖2):“Positioning”和“Movable”項中都選擇“In Area”,然后單擊〔Base〕按鈕(注意是按鈕而不是右邊的數字區域),將圖片移動到左上方合適位置,再單擊〔End〕按鈕,將圖片移動至右下方合適位置,此時界面中會出現一個黑色矩形,最后再單擊〔Initialize〕按鈕,將圖片移動到適當位置,這是圖片開始出現之處(如有多個圖片也可自己輸入數字來精確定位)。
圖2 “拖動對象”設置
8. 顯示圖標“放大”的設置同上相似,所不同的是圖片要大一些,在“Positioning”和“Movable”項中都選擇“On Screen”(見圖3)。
圖3 “放大”設置
9. 現在打包后運行一下:左鍵按住圖片可在規定的區域內自由移動,當單擊右鍵為奇數次時將顯示放大后的圖片,為偶數次時則隱藏之。