電子雜志設(shè)計(jì)制作常用Flash技術(shù)
今天我們就講講電子雜志設(shè)計(jì)制作中常用的Flash技術(shù)。
在編寫(xiě)Flash ActionScript代碼時(shí),應(yīng)使用“動(dòng)作”面板或“腳本”窗口。“動(dòng)作”面板和“腳本”窗口包含全功能代碼編輯器(稱(chēng)為 ActionScript 編輯器),其中包括代碼提示和著色、代碼格式設(shè)置、語(yǔ)法加亮顯示、語(yǔ)法檢查、調(diào)試、行數(shù)、自動(dòng)換行等功能。
【小技巧】在Flash中,事件發(fā)生時(shí)會(huì)執(zhí)行ActionScript代碼。事件可以劃分為以下幾類(lèi):鼠標(biāo)和鍵盤(pán)事件,發(fā)生在用戶(hù)通過(guò)鼠標(biāo)和鍵盤(pán)與 Flash 應(yīng)用程序交互時(shí);剪輯事件,發(fā)生在影片剪輯內(nèi);幀事件,發(fā)生在時(shí)間軸上的幀中。例如,當(dāng)用戶(hù)滑過(guò)一個(gè)按鈕時(shí),將發(fā)生 Button.onRollOver或on(rollOver) 事件;當(dāng)用戶(hù)單擊某個(gè)按鈕時(shí),將發(fā)生 Button.onRelease 事件;如果按下鍵盤(pán)上的某個(gè)鍵,則發(fā)生on(keyPress)事件??稍趲暇帉?xiě)代碼或向?qū)嵗郊幽_本,以處理這些事件以及添加所需的所有交互操作。這些都是構(gòu)成電子雜志動(dòng)畫(huà)設(shè)計(jì)的基本要素。
在利用Flash設(shè)計(jì)電子雜志的過(guò)程中,經(jīng)常需要使用和頁(yè)面有關(guān)的函數(shù)。下面我們選擇一個(gè)完全利用Flash技術(shù)制作的電子雜志為大家分析一下比較常用的Flash事件函數(shù)。
設(shè)計(jì)界面如下圖所示。

在事件函數(shù)中,可在組件參數(shù)面板中設(shè)置(event參數(shù)),也可在Action中通過(guò)如下格式來(lái)設(shè)置:
[翻頁(yè)組件對(duì)象名稱(chēng)].[事件名稱(chēng)]=[事件調(diào)用函數(shù)或事件調(diào)用函數(shù)路徑]
若直接指定事件調(diào)用函數(shù),則該函數(shù)的格式需寫(xiě)為:
function 函數(shù)名 (事件參數(shù)1, 事件參數(shù)2, …)
若通過(guò)事件調(diào)用函數(shù)的路徑來(lái)指定(組件參數(shù)面板中設(shè)置的事件即為這種情況),則該函數(shù)的格式需寫(xiě)為:
function 函數(shù)名 (sender, 事件參數(shù)1, 事件參數(shù)2, …)。其中sender參數(shù)接收到的值為產(chǎn)生該事件的組件句柄。
具體事件說(shuō)明如下表所示:
事件名稱(chēng)
參數(shù)說(shuō)明
功能說(shuō)明
onCreatePage
pageMC:新創(chuàng)建的頁(yè)面影片剪輯對(duì)象。該對(duì)象有一個(gè)初始化參數(shù)index,保存了該頁(yè)面的頁(yè)序號(hào)。
isRear:該頁(yè)面是否為另一頁(yè)面的背頁(yè)。
當(dāng)有新的頁(yè)面被創(chuàng)建時(shí)調(diào)用,以便對(duì)新頁(yè)面進(jìn)行個(gè)性化設(shè)置。
onRemovePage
pageMC:將被刪除的頁(yè)面影片剪輯對(duì)象。
isRear:該頁(yè)面是否為另一頁(yè)面的背頁(yè)。
當(dāng)有頁(yè)面被刪除時(shí)調(diào)用,以便對(duì)刪除的頁(yè)面進(jìn)行附加操作。
onAdjustPage
pageObj:頁(yè)面描述對(duì)象。該對(duì)象包含以下成員參數(shù):main(指向翻頁(yè)組件本身)、index(當(dāng)前頁(yè)序號(hào))、side(-1左頁(yè)、1右頁(yè))、rearPage(是否為背頁(yè))、face(書(shū)頁(yè)影片剪輯)、pageMask(書(shū)頁(yè)蒙板影片剪輯)、shade(書(shū)中縫陰影影片剪輯)、shadow(書(shū)頁(yè)影子影片剪輯)、position(頁(yè)面位置描述結(jié)構(gòu)體,參數(shù)含x,y坐標(biāo)、aimX,aimY目標(biāo)點(diǎn)坐標(biāo)及trackMouse是否跟隨鼠標(biāo))
range:頁(yè)面形狀描述對(duì)象。該對(duì)象包含以下成員參數(shù):type(形狀類(lèi)型)、a(上沿寬度)、b(下沿寬度)、angle(頁(yè)面轉(zhuǎn)角)、angle2(中縫陰影轉(zhuǎn)角)、height(側(cè)沿長(zhǎng)度)。該對(duì)象含義較晦澀,一般情況下不推薦調(diào)用。
當(dāng)頁(yè)面輪廓形狀發(fā)生變化時(shí)調(diào)用,以便對(duì)頁(yè)面內(nèi)容進(jìn)行相應(yīng)調(diào)整。
onResizePage
pageObj:頁(yè)面描述對(duì)象。
width:新的頁(yè)面寬度。
height:新的頁(yè)面高度。
當(dāng)頁(yè)面大小變化時(shí)調(diào)用,以便對(duì)頁(yè)面內(nèi)容進(jìn)行相應(yīng)調(diào)整。
onSetFlipArea
pageObj:頁(yè)面描述對(duì)象。
當(dāng)頁(yè)面可翻動(dòng)區(qū)域創(chuàng)建后調(diào)用,以便對(duì)可翻動(dòng)區(qū)域做相應(yīng)調(diào)整。
onStartFlip
pageObj:頁(yè)面描述對(duì)象。
當(dāng)頁(yè)面開(kāi)始翻動(dòng)時(shí)調(diào)用。
onStopFlip
pageObj:頁(yè)面描述對(duì)象。
當(dāng)頁(yè)面停止翻動(dòng)時(shí)調(diào)用(非停止移動(dòng))。
onFinishFlip
pageObj:頁(yè)面描述對(duì)象。
當(dāng)頁(yè)面最終移動(dòng)到目標(biāo)靜止頁(yè)面狀態(tài)時(shí)調(diào)用。
onDragPage
pageObj:頁(yè)面描述對(duì)象。
x:當(dāng)前頁(yè)面x坐標(biāo)。
y:當(dāng)前頁(yè)面y坐標(biāo)。
trackMouse:是否為跟隨鼠標(biāo)拖動(dòng)。
當(dāng)拖動(dòng)頁(yè)面時(shí)調(diào)用。
onMovePage
pageObj:頁(yè)面描述對(duì)象。
x:當(dāng)前頁(yè)面x坐標(biāo)。
y:當(dāng)前頁(yè)面y坐標(biāo)。
當(dāng)頁(yè)面移動(dòng)時(shí)調(diào)用。
在上面的電子雜志中,控制“下一頁(yè)next”按鈕的函數(shù)和代碼窗口如下圖所示。

通過(guò)Flash還可以可以做出包含功能強(qiáng)大互動(dòng)內(nèi)容的電子雜志,它可以了解受眾的個(gè)性需求。
另外電子雜志的用戶(hù)管理后臺(tái)可以針對(duì)用戶(hù)做目標(biāo)分析和閱讀分析,并得到時(shí)時(shí)更新的信息反饋。而且,電子雜志的廣告往往和內(nèi)容結(jié)合得很緊密,甚至一般的消費(fèi)者都不認(rèn)為這是一種廣告。而這一切也需要通過(guò)功能強(qiáng)大的相關(guān)腳本來(lái)實(shí)現(xiàn)。
了解這些實(shí)例和代碼的基本規(guī)律后,我們就可以設(shè)計(jì)出更多具有個(gè)性化的電子雜志頁(yè)面或者整本的電子雜志了。
相關(guān)文章

flash如何制作形狀補(bǔ)間動(dòng)畫(huà)?flash創(chuàng)建補(bǔ)間形狀技巧
flash一款功能強(qiáng)大的動(dòng)畫(huà)制作軟件,制作動(dòng)畫(huà)很非常的方便,但動(dòng)畫(huà)過(guò)程使用的都是形狀補(bǔ)間功能。今天小編就來(lái)給大家介紹一下flash形狀補(bǔ)間動(dòng)畫(huà)制作方法,感興趣的快來(lái)看看吧2022-05-11
flash cs6怎么做花朵成長(zhǎng)的逐幀動(dòng)畫(huà)?
flash cs6怎么做花朵成長(zhǎng)的逐幀動(dòng)畫(huà)?flash中想要繪制一個(gè)花開(kāi)的動(dòng)畫(huà),該怎么畫(huà)出各個(gè)圖形然后做逐幀動(dòng)畫(huà)呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2021-03-09
Flash怎么將動(dòng)畫(huà)復(fù)制為ActionScript3.0并使用?
Flash怎么將動(dòng)畫(huà)復(fù)制為ActionScript3.0并使用?Flash中制作的動(dòng)畫(huà)想要直接粘貼到另一個(gè)對(duì)象中,我們可以使用復(fù)制腳本代碼的方式復(fù)制動(dòng)畫(huà),下面我們就來(lái)看看詳細(xì)的教程,需2017-12-08
flash怎么制作漫畫(huà)人物行走的動(dòng)畫(huà)?
flash怎么制作漫畫(huà)人物行走的動(dòng)畫(huà)?flash中想要制作一段行走的動(dòng)畫(huà),該怎么設(shè)計(jì)呢?下面我們就來(lái)看看詳細(xì)的教程,很簡(jiǎn)單,需要的朋友可以參考下2017-04-18flash逐幀動(dòng)畫(huà)制作全過(guò)程解析
這篇教程是向腳本之家的朋友分享flash逐幀動(dòng)畫(huà)制作全過(guò)程,教程非?;A(chǔ),很適合新手來(lái)學(xué)習(xí),推薦過(guò)來(lái),有興趣的朋友可以過(guò)來(lái)學(xué)習(xí)2016-01-15- 下面小編就為大家介紹利用Flash正確的口型吻合動(dòng)畫(huà)技巧,教程很不錯(cuò),非常適合新手來(lái)學(xué)習(xí),推薦到腳本之家,喜歡的朋友一起來(lái)學(xué)習(xí)吧2015-01-15
Flash動(dòng)畫(huà)制作技巧 圖形元件相關(guān)知識(shí)介紹
這篇教程是向腳本之家的朋友介紹Flash動(dòng)畫(huà)制作技巧:圖形元件相關(guān)知識(shí),教程很基礎(chǔ),但很實(shí)用,推薦到腳本之家,喜歡的朋友可以過(guò)來(lái)學(xué)習(xí)一下,希望能對(duì)大家有所幫助2015-01-05Flash動(dòng)畫(huà)制作小黑人經(jīng)典動(dòng)畫(huà)效果技巧介紹(圖文)
本教程是向大家介紹Flash動(dòng)畫(huà)制作小黑人經(jīng)典動(dòng)畫(huà)效果技巧,教程很經(jīng)典,介紹的非常詳細(xì),相信對(duì)學(xué)習(xí)Flash朋友有一定的幫助。轉(zhuǎn)發(fā)過(guò)來(lái),希望對(duì)大家有所幫助2014-08-05Flash制作旋轉(zhuǎn)的3D立體盒動(dòng)畫(huà)教程
本教程是向大家介紹利用Flash制作旋轉(zhuǎn)的3D立體盒動(dòng)畫(huà)教程,制作出來(lái)的效果非常好看,教程介紹的很詳細(xì),希望大家通過(guò)本篇教程能學(xué)習(xí)Flash制作3D動(dòng)畫(huà)的方法,這樣以后就可以2014-07-22Flash cs3制作人物行走動(dòng)畫(huà)技巧圖文解析
本教程向大家介紹了Flash cs3制作人物行走動(dòng)畫(huà)技巧,并做了詳細(xì)的介紹,覺(jué)得教程很不錯(cuò),轉(zhuǎn)發(fā)過(guò)來(lái),希望給朋友們帶來(lái)幫助2014-07-15




