Flash MX 2004行為功能再體驗

來源:互聯網
上載者:User
   行為功能概述

  Flash內建的Actionscript語言功能強大,可以實現很多複雜的互動式特效,但如果你並不是一個專業的程式人員,想必會對那一大堆的命令與屬性頭疼不已,而FlashMX 2004也充分考慮到了非專業程式工作人員在使用越來越強大、複雜的AS時可能出現的困惑,“行為”(Behaviors)面板應運而生了。說起“行為”,網頁設計師們都不會陌生,早在幾年以前,它就已經出現在了Dreamweaver 3.0(以下簡稱DW)的介面中,現在更是DW MX中不可缺少的組成部分。由於它方便、直觀、高效,得到越來越多使用者的青睞。

  FlashMX 2004中的行為與DW中的相似,利用它可以使你不需要輸入任何AS命令,只使用很少幾個步驟就得到專業的程式碼與效果。今天我們就來嘗試一下“行為”的強大功能。

  行為功能執行個體製作

  在Flash的製作中,外部圖片的匯入、影片剪輯的拖曳是應用範圍相當廣泛的功能。在過去,我們必須深入瞭解AS原理,不斷調試才可以製作出完美的作品,現在,讓我們看看“行為”是怎樣工作的。

  相簿的製作

  1.在開始製作之前我們必須得到相簿中的一些照片,可以使用Fireworks製作這些圖片,保證每張圖片尺寸大小一致,並以JPG格式儲存在與Flash檔案同一目錄下。我製作了5張大小為288×209px的JPG格式圖片,並分別取名為image1~image5。

  2.開啟FlashMX 2004,建立一個檔案,設定背景色為白色,大小為550×400px。

  3.建立一個元件命名為photograph,使用工具列上的矩形工具,黑色為邊框色,淺灰色填充繪製一個矩形,在屬性面板中設定矩形大小為308×224px。將此矩形左上方定點設定與中心點對齊(利用對齊按鈕“Ctrl+K”)。

  4.再建立一個元件命名為photo,使用工具列上的矩形工具,無邊框色,黑色填充繪製一個矩形,在屬性面板中設定矩形大小為288×209px。將此矩形左上方定點設定與中心點對齊。

  5.按下F11鍵開啟“庫”面板,雙擊photograph元件,開始編輯。將photo元件從“庫”中拖曳到photograph元件中,設定置中對齊。滑鼠選中photo元件,在屬性面板中設定執行個體名稱為photo。

  6.回到情境一,從“庫”面板中將photograph元件拖曳到情境中,滑鼠選中此元件,在屬性面板中設定執行個體名稱為photograph1。

  7.重複以上操作,將photograph元件不斷地拖曳到情境,並分別設定執行個體名稱為photograph2~photograph5(圖1)。

  8.下面要開始行為的使用了。首先要將圖片image1~image5分別匯入到元件photograph1~photograph5中。選中主要畫面格1,按下“Shift+F3”開啟行為面板,點擊面板上的“+”號,在快顯功能表中選擇Movieclip→Load Graphic,出現匯入圖片設定框。

  9.在匯入圖片設定框中的下拉框中找到photograph1,點擊前面的“+”號,出現photo元件,選擇photo。在上面的文字框內輸入要匯入的圖片名稱image1.jpg(圖2)。這樣FlashMX 2004會自動將匯入圖片的AS添加在第一幀上。使用同樣的方法設定其他4張圖片的匯入。

  10.選擇第一幀,開啟Actions面板,我們可以看到Flash自動添加了AS到這一幀,我們不需要去瞭解它們的文法與屬性,完全是自動完成的。

  11.現在要來製作圖片的拖曳與在最上層的顯示功能了。選中Photograph1元件,開啟行為面板,點擊“+”號,在快顯功能表中選擇Moveclip→Start Draging Movieclip。

  12.在彈出的Start Draging Movieclip對話方塊中選擇Photograph1元件後點擊OK按鈕(圖3)。這樣我們設定好了使用滑鼠拖曳圖形的功能。

  13.再次選中Photograph1元件,開啟行為面板,點擊“+”號,在快顯功能表中選擇Moveclip→Bring Forward,在彈出的Bring Forward對話方塊中選擇Photograph1元件後點擊OK按鈕,完成了圖片居於最前的設定。

  14.選中Photograph1元件,開啟行為面板,點擊“+”號,在快顯功能表中選擇Moveclip→Stop Draging Movieclip,按照以上步驟進行設定可完成停止拖曳功能。

  15.這時我們在“行為”面板中可以看到設定好的三個行為,但在Event項中可以看出三個行為的觸發形式都是On Release(滑鼠釋放)(圖4),與我們的要求是不相符合的。

點擊Event下的後兩個On Release,開啟下拉式功能表,選擇On Press(圖5)。

  16.最後的效果如圖所示(圖6),5張圖片互相重疊在一起,你可以使用滑鼠選擇任意一張圖片,被選中圖片將出現在最上層,按下滑鼠左鍵可以拖曳這張圖片到任意位置。

  17.使用同樣的方法設定其他四個元件,最後可以完成整個相簿的製作,在這個相簿中,我們可以任意拖曳某張照片,也可以調整照片間的位置,神奇的是,從開始到最後,我們沒有手工書寫哪怕一個字的AS代碼。



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。