【摘 要】本文通過熱區(qū)域交互和自定義按鈕交互設計方法巧妙的實現(xiàn)了自動隱藏菜單的電影控制。
【關鍵詞】Authorware 交互菜單
在Authorware程序設計中,經(jīng)常要用到菜單來實現(xiàn)良好的人機交互,增加可操作性,本文以“VIP私人影院”為例介紹Authorware中隱藏按鈕交互菜單的設計方法。
一、程序設計說明
程序運行后,顯示主界面, 1秒鐘后進入視頻播放界面,自動播放預先設定電影片斷,當鼠標置于窗口下面時會自動出現(xiàn)電影控制按鈕菜單條,當鼠標離開菜單條區(qū)域時則又自動隱藏起來。當菜單條顯示時,這時單擊其中的暫停按鈕,則暫停電影的播放,該按鈕自動變?yōu)椴シ虐粹o,這時單擊其左右兩側的前進、后退按鈕,則實現(xiàn)前、后一幀的播放;當再次單擊播放按鈕,則繼續(xù)播放電影,這時單擊其左右兩側的前進、后退按鈕,則實現(xiàn)電影的減、加速播放。單擊最右側的關機按鈕可以退出程序。
二、完成過程
(一)新建程序文件。在磁盤上新建“VIP私人影院”文件夾,并將需要的素材文件復制到該文件夾中。新建“VIP私人影院.a7p”文件并保存在剛建立的文件夾中。在屬性面板中設置不顯示標題欄和菜單欄,窗口大小設置為“根據(jù)變量”,選擇“屏幕居中”選項,設置搜索路徑為“.\素材”。
(二)設計程序流程的思路:1.導入和設置程序背景;2.導入和設置電影文件;3.建立電影控制交互程序。
建立主程序流程如圖1所示。
圖1
(三)導入和設置程序背景
1.建立“初始化”計算圖標,輸入函數(shù)和給變量賦值,如圖2所示。
圖2
2.建立“首頁面”顯示圖標,導入“首頁面.png”文件。設置“原色”特效。
3.建立“等待1秒”等待圖標,設置時限為“1秒”。
4.建立“擦除首頁面”擦除圖標,設置不擦除的圖標為空。
(四)導入和設置“特洛伊”電影
建立“電影”圖標,導入預先設定的電影文件,設置執(zhí)行方式為“永久”,播放1次,速率中填入“speed”。
(五)建立電影控制交互程序
1.建立“顯示菜單”交互。
建立“顯示菜單”交互圖標,導入“菜單條.png”文件,調(diào)整到窗口的下面位置。建立“擦除菜單”熱區(qū)域交互分支,設置范圍為“永久”,分支為“返回”,匹配為“鼠標處于指定區(qū)域內(nèi)”,鼠標指針無。建立“顯示菜單”熱區(qū)域交互分支,設置范圍為“永久”,分支為“返回”,匹配為“鼠標處于指定區(qū)域內(nèi)”,鼠標指針為手形。設置熱區(qū)域。雙擊“顯示菜單”交互圖標,設置“擦除菜單”熱區(qū)域為窗口的上面電影播放區(qū)域,設置“顯示菜單”熱區(qū)域交互分支為下面的空白區(qū)域。
2.建立如圖3所示“顯示菜單”2層程序流程
圖3
建立“電影控制”交互圖標。拖動一個計算圖標,建立“減速/向前逐幀播放”按鈕交互分支,設置按鈕為自定義按鈕,導入按鈕素材“后退up.png”、“后退down.png”和“后退over.png”文件。設置鼠標為自定義鼠標,導入“BRUSH.CUR”文件。同樣,建立“播放/暫?!卑粹o交互分支,設置按鈕為自定義按鈕。
這里要特別說明的是該按鈕具有播放按鈕和暫停按鈕的兩個功能,所以在自定義按鈕的時候,要分別設置按鈕的常規(guī)和選中兩種按鈕狀態(tài)。如圖4所示單擊常規(guī)下面的未按、按下和在上,分別導入“暫停up.png”、“暫停down.png”、“暫停over.png”文件;如圖5所示單擊選中下面的未按、按下和在上,分別導入“播放up.png”、“播放down.png”、“播放over.png”文件;單擊“自動檢測”選項,則當單擊該按鈕后,checked系統(tǒng)變量的值被自動賦值為true,再單擊則被賦值為1,后面要通過判斷該變量的值控制電影的播放。
圖4
圖5
圖6
圖7
與建立“減速/向前逐幀播放”按鈕交互分支一樣,建立“加速/向后逐幀播放”按鈕交互分支,導入按鈕素材“前進up.png”、“前進down.png”和“前進over.png”文件。 同樣,建立“退出”按鈕交互分支,導入按鈕素材“關機up.png”、“關機down.png”和“關機over.png”文件。雙擊打開“顯示菜單”交互圖標的演示窗口,執(zhí)行【修改】|【排列】菜單命令,調(diào)出排列工具,將各個按鈕在窗口的菜單條上調(diào)整為合適的位置。 打開“減速/向前逐幀播放”計算圖標,輸入程序如圖6所示。
打開“播放/暫?!庇嬎銏D標,輸入程序如圖7所示。
打開“加速/向后逐幀播放”計算圖標,輸入程序如圖9所示。
圖8
打開“退出”計算圖標,輸入“Quit()”,程序全部設計完畢。
作者簡介:劉文東(1967.9),男,遼寧公安司法管理干部學院,碩士,副教授,系主任。