作者簡(jiǎn)介:佘春華(1978.04-),男,籍貫:懷化,民族:族漢,學(xué)歷:碩士,職稱:講師,研究方向:網(wǎng)絡(luò)課程,單位:貴州省銅仁學(xué)院教育科學(xué)學(xué)院。
摘要:交互是flash課件區(qū)別于其他教學(xué)資源的重要標(biāo)志,在計(jì)算機(jī)中交互主要表示為利用鼠標(biāo)和鍵盤的輸入實(shí)現(xiàn)人與計(jì)算機(jī)之間的一種互動(dòng)形式。Flash制作課件交互形式具體的表現(xiàn)為按鈕交互、菜單交互、熱區(qū)交互、文本輸入交互等。本篇論文主要介紹了flash課件各類交互方式的特點(diǎn)、適用范圍,并以案例的形勢(shì)闡釋了每一種交互的具體實(shí)現(xiàn)過(guò)程。
關(guān)鍵詞:Flash課件;設(shè)計(jì);理論;實(shí)踐應(yīng)用
1.前言
Flash課件交互有主要有以下二層含義:
①界面交互
界面交互是用戶通過(guò)菜單、按鈕、文本等元素從計(jì)算機(jī)終端輸入信息,然后計(jì)算機(jī)根據(jù)用戶輸入信息的種類和表達(dá)含義執(zhí)行操作命令,并及時(shí)給用戶提供相關(guān)反饋信息。
②用戶之間,學(xué)習(xí)者內(nèi)部信息交互
網(wǎng)絡(luò)數(shù)據(jù)共享是實(shí)現(xiàn)用戶,學(xué)習(xí)者交互的前提條件。如基于flash的小型學(xué)習(xí)論壇,學(xué)習(xí)者首先通過(guò)前臺(tái)頁(yè)面輸入學(xué)習(xí)提問(wèn),隨后提問(wèn)數(shù)據(jù)被存放到后臺(tái)數(shù)據(jù)庫(kù)中,后臺(tái)數(shù)據(jù)庫(kù)再以數(shù)據(jù)共享的方式通過(guò)前臺(tái)頁(yè)面回饋給用戶終端頁(yè)面,這樣,不同的學(xué)習(xí)者就能通過(guò)網(wǎng)絡(luò)化學(xué)習(xí)課件來(lái)共同協(xié)作學(xué)習(xí),從而達(dá)到解決問(wèn)題的目的。
2.flash課件動(dòng)畫原理
Flash中實(shí)現(xiàn)動(dòng)畫效果的最小單元是“幀”。“幀”是組成時(shí)間軸的一個(gè)最小元素。每個(gè)“幀”都可以看作動(dòng)畫過(guò)程中的一個(gè)頁(yè)面。動(dòng)畫的實(shí)現(xiàn)原理實(shí)際上就是舞臺(tái)中的每一個(gè)幀面連續(xù)播放的一個(gè)效果。Flash動(dòng)畫有三種形式,即元件的移動(dòng)動(dòng)畫、元件的形變動(dòng)畫、元件的導(dǎo)軌動(dòng)畫。在移動(dòng)動(dòng)畫中,要指定元件的起點(diǎn)和終點(diǎn)位置,然后選定中間所有過(guò)渡幀創(chuàng)建“補(bǔ)間”動(dòng)畫。在形變動(dòng)畫中,要指定元件變化的始末形狀,選定中間所有過(guò)渡幀創(chuàng)建“形變”動(dòng)畫,計(jì)算機(jī)在執(zhí)行過(guò)程中能自動(dòng)的在中間生成變化系列,從而實(shí)現(xiàn)流暢動(dòng)畫變化效果。導(dǎo)軌動(dòng)畫是在舞臺(tái)中先用鉛筆工具畫出物體移動(dòng)的軌道,然后再給移動(dòng)元件,創(chuàng)建“補(bǔ)間”動(dòng)畫,將元件的起點(diǎn)設(shè)定在導(dǎo)軌的起位置,終點(diǎn)設(shè)定在導(dǎo)軌的結(jié)束位置,則元件就能按照導(dǎo)軌路徑來(lái)實(shí)現(xiàn)移動(dòng)路徑。比如:實(shí)現(xiàn)小球的圓周運(yùn)動(dòng),寫字動(dòng)畫效果。但是實(shí)現(xiàn)該動(dòng)畫,導(dǎo)軌不能完全封閉。
3.Flash交互形式
3.1flash按鈕交互
按鈕交互是用戶最熟悉的鼠標(biāo)交互方式,按鈕在flash中可以通過(guò)窗口的菜單中的公有庫(kù)中獲得,也可以通過(guò)在元件庫(kù)中建立按鈕元件的形式獲得。在按鈕中,用戶可以輸入響應(yīng)行為代碼,當(dāng)用戶左鍵單擊按鈕時(shí)觸發(fā)該事件,并實(shí)現(xiàn)一系列的操作反饋。如小球的移動(dòng)、場(chǎng)景的切換、聲音的放大、數(shù)據(jù)的計(jì)算與顯示等。因此,按鈕的實(shí)際就是一個(gè)可以響應(yīng)用戶單擊操作的一個(gè)對(duì)象。其主要的事件如下:
Mouse_Down:該事件過(guò)程相當(dāng)于一個(gè)完整的Mouse_Click過(guò)程。
Mouse_Over:鼠標(biāo)移動(dòng)到目標(biāo)對(duì)象之上時(shí)觸發(fā)。
Mouse_mov:鼠標(biāo)在目標(biāo)對(duì)象之上移動(dòng)時(shí)觸發(fā),主要用于判斷。Mouse_Down:鼠標(biāo)在目標(biāo)對(duì)象之上按下鼠標(biāo)左鍵時(shí)觸發(fā)
Mouse_up:鼠標(biāo)在目標(biāo)對(duì)象之上松開(kāi)時(shí)觸發(fā)。
Mouse_out:鼠標(biāo)移動(dòng)到目標(biāo)對(duì)象之外時(shí)觸發(fā)。
Mouse_Leave:當(dāng)光標(biāo)離開(kāi)舞臺(tái)時(shí)觸發(fā)。
3.2熱區(qū)交互,熱對(duì)象交互
熱區(qū)交互也稱熱對(duì)象交互,其操作方式與鼠標(biāo)單擊操作相似,其交互方式是當(dāng)用戶移動(dòng)鼠標(biāo)到指定區(qū)域時(shí)發(fā)生的響應(yīng)操作,指定區(qū)域可以是某物體的一部分,也可以是其中的某塊區(qū)域。當(dāng)某一區(qū)域被定義成熱區(qū)后,該區(qū)域就等同于按鈕交互。熱對(duì)象是用外部導(dǎo)入的圖片或文字來(lái)取代按鈕,其功能等同于按鈕和熱區(qū)交互。
3.3菜單交互
菜單交互是另一種常見(jiàn)的交互方式,有橫向拉伸,縱向拉伸兩種形式。在課件中可以根據(jù)課件頁(yè)面布局來(lái)合理的化的選擇拉向形式。菜單交互的特點(diǎn)是即可以折疊也可以收縮,能較好的利用空間。
3.4鍵盤交互
鍵盤是用戶通過(guò)鍵盤操作的形式向計(jì)算機(jī)輸入信息的重要裝置,可以利用偵聽(tīng)鍵盤方向鍵的事件,實(shí)現(xiàn)物體移動(dòng)的控制。事件偵聽(tīng)原理核心代碼如下:
Stage.addEventListener(KeyboardEvent.Key_down,jump);
Stage.addEventListener(KeyboardEvent.Key_down,land);
3.5拖放交互
在模擬實(shí)驗(yàn)課件的制作過(guò)程中,還有一種最為重要的交互方式就是物體的拖放交互。當(dāng)物體在屏幕中實(shí)現(xiàn)拖動(dòng)時(shí)響應(yīng)一系列的操作??梢灾付ǚ秶部梢圆幌薅ǚ秶?。
4.Flash交互操作案例——滑塊的制作
滑塊在課件中起著一個(gè)舉足輕重的作用,它不僅是在課件中改變對(duì)像值或內(nèi)容的一種交互方式,也是模擬一些實(shí)驗(yàn)現(xiàn)象重要手段。比如說(shuō):可以在操作中改變或輸入一些儀器的表盤值、電壓值、電流值,電阻值等。當(dāng)輸入響應(yīng)值時(shí)會(huì)引起溫度計(jì),液面等現(xiàn)象的實(shí)時(shí)變化,也可以縮放圖片或調(diào)節(jié)音量。
其具體設(shè)計(jì)過(guò)程如下:
(1)在元件庫(kù)中,制作slider_mc(滑塊),bar_mc(塊的移動(dòng)范圍)添加動(dòng)態(tài)文本result_txt(顯示值),如圖所示。
(2)核心代碼功能實(shí)現(xiàn)
Var left=bar_mc.x;var top=bar_mc.y;var right=bar_mc.width;//定義滑塊的移動(dòng)范圍
Var bottom=0;//限定其只能在水平方向上移動(dòng)
Var val:uint;//定義值變化幅度
Var region:Rec=new Rectangle(left,top,right_slider_mc.width/2,bottom);
//限定其移動(dòng)范圍
Slider_mc.buttonMode=true;
Slider_mc.addEventListener(MouseEvent.Mouse_Down,changebegin);
Slider_mc.addEventListener(MouseEvent.Mouse_Up,changeend);
Stage.addEventListener(MouseEvent.Mouse_Move,changetxt);
Function changebegin(Event:MouseEvent):void
{slider_mc.startDrag(false,region);}
Function changeend(event:MouseEvent):void
{
Slider_mc.stopDrag();
}
Funtction changetxt(event:MouseEvent):void
{
Val =(slider_mc.x-left)/right*100;
Result_txt=string(val);
}
flash是制作交互式課件的一把利器,同時(shí)在各類交互模擬演示中同樣起著舉足輕重的作用。在醫(yī)療中,可以進(jìn)行模擬手術(shù);在建筑設(shè)計(jì)中可以模擬建筑的抗壓能力;在教學(xué)中可以制作虛擬實(shí)驗(yàn)室儀器設(shè)備。該軟件以其強(qiáng)大的交互能力,受到各界人士的垂青。(作者單位:銅仁學(xué)院教育科學(xué)學(xué)院)
項(xiàng)目:貴州省,銅仁市,科研(2013)9-6號(hào)(科技局政產(chǎn)學(xué)研)
參考文獻(xiàn):
[1]李璐.虛擬實(shí)驗(yàn)仿真實(shí)驗(yàn)室應(yīng)用于初中物理實(shí)驗(yàn)教學(xué)的理論與實(shí)踐研究.[D]:[碩士學(xué)位論文].陜西師范大學(xué).2009.06
[2]劉艷玲.基于flash的中學(xué)化學(xué)虛擬實(shí)驗(yàn)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn).[D]:[碩士學(xué)位論文].東北師范大學(xué).計(jì)算機(jī)軟件與理論專業(yè).2010.05.