天天看點

《Adobe Flash CS5 ActionScript 3.0中文版經典教程》——1.3 使用代碼片斷添加ActionScript

本節書摘來自異步社群《adobe flash cs5 actionscript 3.0中文版經典教程》一書中的第1章,第1.3節,作者: 【美】adobe公司 更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。

flash影片主時間軸上的任意一個關鍵幀以及影片剪輯元件裡的任意一個關鍵幀,都可以添加actionscript代碼。在編譯後的flash項目的播放過程中,當播放到某一幀時,如果其中包含代碼,它們就會被執行。

flash裡所有時間軸上的代碼都在“動作”面闆裡編寫,從flash裡的“視窗”菜單中可以打開它,或者按f9鍵(windows)或option+f9組合鍵(mac)。

《Adobe Flash CS5 ActionScript 3.0中文版經典教程》——1.3 使用代碼片斷添加ActionScript

https://yqfile.alicdn.com/69e6a63cc0f3597bb472fa5da971b8265dea8cf9.png" >

在後面的課程裡還會介紹如何在外部actionscript檔案裡編寫actionscript代碼,但是目前我們隻在“動作”面闆裡建立代碼。

除了直接在“動作”面闆裡輸入代碼,還可以利用“代碼片斷”面闆給“動作”面闆添加代碼。代碼片斷是預先編寫好的actionscript 3.0代碼段,可以友善地添加到項目裡,稍做修改就可以使用。代碼片斷是actionscript入門的一種好方式,對提高我們的程式設計能力大有幫助。

添加導航至url的代碼片斷

在flash cs5的“視窗”菜單裡可以找到“代碼片斷”面闆。當給項目添加代碼片斷時,它會被添加到“動作”面闆,不必由我們自己輸入。在代碼片斷被放置到“動作”面闆之後可以随意編輯,允許我們根據需要對其進行修改。

為了展示如何使用代碼片斷,我們添加一些代碼,進而在單擊按鈕時連結到flash支援頁面。

首先在場景中添加按鈕。

1.打開lesson01_start.fla檔案,在場景和時間軸可見的情況下從buttons層選擇第1幀。

2.打開“庫”面闆(選擇“視窗”>“庫”指令)。

3.從“庫”面闆裡把button的一個執行個體拖放到場景的右下區域。

4.打開“屬性”檢視器(選擇“視窗”>“屬性”指令)。

5.選中場景中的按鈕,在“屬性”檢視器的執行個體名稱字段輸入help_btn。在flash裡,所有要由actionscript控制的對象都需要指定一個執行個體名稱。

《Adobe Flash CS5 ActionScript 3.0中文版經典教程》——1.3 使用代碼片斷添加ActionScript

說明:

“屬性”檢視器有時也稱做“屬性”面闆。

6.在按鈕執行個體被選中的情況下,在“屬性”檢視器的“元件參數”區域裡找到“label”字段,輸入flash support。

《Adobe Flash CS5 ActionScript 3.0中文版經典教程》——1.3 使用代碼片斷添加ActionScript
《Adobe Flash CS5 ActionScript 3.0中文版經典教程》——1.3 使用代碼片斷添加ActionScript

按鈕是flash cs5提供的一個元件。在以前版本的flash裡,像“label”這樣的元件參數可以在“元件”檢視器裡修改。在flash cs5裡沒有“元件”檢視器,元件參數都在“屬性”檢視器裡修改。後面的課程将會介紹更多關于元件的知識,以及如何利用actionscript控制元件參數。

添加代碼片斷

根據需要的功能不同,代碼片斷有多種應用方式。如果像本例這樣需要在使用者單擊按鈕時執行一些代碼,應用代碼片斷的方式就是先選擇場景中的按鈕,然後再應用代碼片斷。現在就對執行個體進行這種操作。

1.打開“代碼片斷”面闆(選擇“視窗”>“代碼片斷”指令)和“動作”面闆(選擇“視窗”>“動作”指令)。

2.選中場景中的help_btn執行個體。

3.在“代碼片斷”面闆裡展開“動作”檔案夾。

4.在“代碼片斷”面闆裡輕按兩下名為“單擊以轉到web頁”的代碼片斷。現在,時間軸actions層的第1幀的關鍵幀裡有一個小寫的字母a,它表示由代碼片斷生成的actionscript已經儲存到這一幀了。在“動作”面闆裡可以看到如下的代碼。

《Adobe Flash CS5 ActionScript 3.0中文版經典教程》——1.3 使用代碼片斷添加ActionScript

https://yqfile.alicdn.com/3b4fc1589585e41d45471fe55e8d944e9962b8d4.png" >

5.選擇“控制”>“測試影片”>“在flash professional中”指令測試影片。

《Adobe Flash CS5 ActionScript 3.0中文版經典教程》——1.3 使用代碼片斷添加ActionScript
《Adobe Flash CS5 ActionScript 3.0中文版經典教程》——1.3 使用代碼片斷添加ActionScript

在需要播放flash時間軸時,如果習慣于按enter鍵(windows)或return鍵(mac),或者從菜單裡選擇“控制”>“播放”指令,那麼現在應該轉變為從菜單裡選擇“控制”>“測試影片”>“在flash professional中”,或者按ctrl+enter組合鍵(windows)或command+return組合鍵(mac)。在以這種方式預覽時,檔案會像在實際使用者環境中一樣播放,執行全部的actionscript代碼。從現在開始,隻要我們說“測試影片”,就表示以這種方式預覽flash檔案。

6.在測試環境中單擊help_btn,代碼就會用計算機預設的浏覽器打開adobe首頁。

修改代碼片斷

代碼片斷是純粹的actionscript代碼,能夠很輕松地進行修改。檢視“動作”面闆裡目前的代碼片斷,可以發現代碼的第一個部分是灰色的,包含對代碼的描述和修改建議。flash cs5裡全部代碼片斷都包含這樣的注釋,幫助我們了解其中的actionscript代碼。注釋對向自己和他人說明代碼的功能是非常有用的,稍後我們将更詳細地讨論它。

現在根據代碼片斷裡的提示修改actionscript裡的url。

1.找到下面這行代碼。

2.把引号之間的url修改為。

3.選擇“控制”>“測試影片”>“在flash professional中”指令。這次單擊按鈕時,就會在浏覽器裡打開adobe站點的支援部分。代碼中的url可以是任何内容,單擊按鈕就會讓浏覽器打開指定的頁面。

在學習完本課之後,我們就會掌握自己編寫這段代碼所需的全部知識,而這些知識将會産生無限的創意可能。同時,我們可以利用“代碼片斷”面闆裡提供的動作立即給項目添加互動功能。使用這個面闆還有助于我們深入了解如何建立可用的代碼并根據需要進行修改,進而對整個學習過程有所幫助。

下一課還将使用“代碼片斷”面闆,但現在需要先編寫一些自己的actionscript代碼。

繼續閱讀