移動物件程式

基本上,這只是個簡單左右移動的範例,首先請先進到Design畫面建立如下畫面(圖請不用跟我一樣):

移動物件程式圖

(這裡不介紹影像檔怎麼插入囉!看看左邊的元件,不知道就隨便按按吧!)

請幫圖片設定唯一id 「myImg」,並且幫兩個按鈕設定id以及onclick的function。基本上,左移的按鈕我就叫他left,onclick設為moveLeft();右移的按鈕則叫它right,onclick設為moveRight()。

接著,切換到程式頁面,在這裡我們必須要設定左移以及右移的兩個function,讓兩個按鈕分別去呼叫。因此我在加入了以下的程式碼:

<mx:Script>
<![CDATA[
private function moveLeft():void{
myImg.x -= 15;
}
private function moveRight():void{
myImg.x += 15;
}
]]>
</mx:Script>

myImg.x指得是「物件名稱為myImg的X座標」,在這裡,指得當然就是那個圖檔的x座標啦!因此myImg.x -= 15的意思就是「物件名稱為myImg的X座標現在的位置減掉15」,反之myImg.x += 15的意思就是「物件名稱為myImg的X座標現在的位置加上15」;因為原點恆在左上角,因此減掉往左,加上往右。

編譯執行,你就可以控制圖檔的左右位置了!

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s