步驟1 布局元件
返回到【Scene 1】，在【標(biāo)題】圖層上插入一個新圖層，并重新命名為“圖像”。在這個圖層上，從【庫】面板中拖放“圖像顯示框”MC元件到舞臺上，共得到5個實例，將它們整齊疊放在一起，如圖9-2-10所示。
圖9-2-10 布局元件
步驟2 定義實例名稱
在【屬性】面板中，分別定義舞臺上這5個MC元件實例的名稱為：snapshot1、snapshot2、snapshot3、snapshot4、snapshot5。
步驟1 設(shè)置【action】圖層第1幀的行為
在【圖像】圖層上新建一個圖層，并重新命名為“action”。選擇這個圖層的第1幀，打開【行為】面板，選擇【添加行為】|【影片剪輯】|【加載圖像】行為，如圖9-2-11所示。
圖9-2-11 選擇“加載圖像”行為
說明：當(dāng)設(shè)置某個關(guān)鍵幀上的行為時，【影片剪輯】行為類別中僅顯示4個行為。
單擊【加載圖像】行為以后，彈出【加載圖像】行為設(shè)置對話框，在其中的【輸入要加載的.JPG文件的URL】文本框中，輸入image1.jpg。在【選擇要將該圖像載入到那個影片剪輯】窗口中，選擇【snapshot1】|【photo】，如圖9-2-12所示。
圖9-2-12 設(shè)置加載圖像行為
單擊【確定】按鈕以后，就完成了一個加載圖像的行為的定義。這個行為的定義實現(xiàn)了將一個名字為image1.jpg的圖像加載到snapshot1影片剪輯元件中的photo元件上。
這時按F9鍵打開【動作】面板，你會發(fā)現(xiàn)，【動作】面板中自動出現(xiàn)了一些動作腳本代碼，這些就是通過前面定義加載圖像行為系統(tǒng)自動產(chǎn)生的腳本代碼。如圖9-2-13所示。夠神奇的吧？
圖9-2-13 自動生成的腳本代碼
通過以上步驟，就實現(xiàn)了將image1.jpg圖像加載到snapshot1影片剪輯元件中的photo元件上的目的，用同樣的方法再定義4個加載圖像的行為，以實現(xiàn)另外4個外部圖像加載到相應(yīng)的影片剪輯元件的目的。
完成以后，在【動作】面板中自動生成了【action】圖層第1幀的動作腳本代碼如下：
//load Graphic Behavior
this.snapshot5.photo.loadMovie("image5.jpg");
//End Behavior
//load Graphic Behavior
this.snapshot4.photo.loadMovie("image4.jpg");
//End Behavior
//load Graphic Behavior
this.snapshot3.photo.loadMovie("image3.jpg");
//End Behavior
//load Graphic Behavior
this.snapshot2.photo.loadMovie("image2.jpg");
//End Behavior
//load Graphic Behavior
this.snapshot1.photo.loadMovie("image1.jpg");
//End Behavior
步驟2 設(shè)置“圖像顯示框”MC實例的行為
先定義施加到MC實例snapshot1上的第1個行為。選擇名字為snapshot1的MC實例，在【行為】面板中，選擇【添加行為】|【影片剪輯】|【開始拖動影片剪輯】行為，如圖9-2-14所示。
圖9-2-14 選擇【開始拖動影片剪輯】行為
單擊【開始拖動影片剪輯】行為以后，彈出【開始拖動影片剪輯】對話框，在其中選擇窗口列表中的【snapshot1】實例名，如圖9-2-15所示。
圖9-2-15 設(shè)置【開始拖動影片剪輯】行為
單擊【確定】按鈕以后，完成【開始拖動影片剪輯】對話框中的設(shè)置。返回到【行為】面板，單擊【事件】右邊的小三角按鈕彈出下拉列表菜單，選擇其中的【按下時】事件，如圖9-2-16所示。
圖9-2-16 改變事件類型
說明：當(dāng)我們定義按鈕、影片剪輯的行為時，系統(tǒng)默認(rèn)的事件類型是“釋放時”，如果你想更改事件類型，可以按照上面的步驟操作。
下面繼續(xù)定義施加到MC實例snapshot1上的第2個行為。保持MC實例snapshot1處在選中狀態(tài)，在【行為】面板中，選擇【添加行為】|【影片剪輯】|【移到最前】行為，彈出【移到最前】對話框，如圖9-2-17。直接單擊【確定】按鈕即可。
圖9-2-17 【移到最前】對話框
接著按照同樣的方法，將【釋放時】事件更改為【按下時】事件。
最后定義施加到MC實例snapshot1上的第3個行為。保持MC實例snapshot1處在選中狀態(tài)，在【行為】面板中，選擇【添加行為】|【影片剪輯】|【停止拖動影片剪輯】行為，彈出【停止拖動影片剪輯】對話框，如圖9-2-18。直接單擊【確定】按鈕即可。
圖9-2-18 【停止拖動影片剪輯】對話框
施加到MC實例snapshot1上的3個行為定義完成以后，【行為】面板的效果如圖9-2-19所示。
圖9-2-19 snapshot1上的3個行為
這時按下F9鍵打開【動作】面板，可以看到自動生成的腳本代碼如下：
on (press) {
//Start Dragging Movieclip Behavior
startDrag(this);
//End Behavior
//Bring to Front Behavior
mx.behaviors.DepthControl.bringToFront(this);
//End Behavior
}
on (release) {
//Stop Dragging Movieclip Behavior
stopDrag();
//End Behavior
}
以上動作腳本的功能是，當(dāng)鼠標(biāo)單擊名字為snapshot1的影片剪輯實例時，它被移動到最前面顯示，并且拖動鼠標(biāo)可以將它放在任意的位置，到合適位置松開鼠標(biāo)解開停止拖動。
按照以上的步驟，再分別定義另外4個MC實例的行為，施加到每個MC實例上的行為也是3個，并且和施加到snapshot1上的一樣。這里不再詳述，請參考配套光盤上的實例源程序。
至此，實例制作完成。最后需要說明的是，需要加載的圖像文件一定要和實例Flash文件放在同一個文件夾下，這樣才能保證本實例加載圖像成功。
