添加嵌套的動畫片段並設置動態文本AS3

Question

我有一個美國地圖，上面有許多城市的圖標（約12個）。當用戶將鼠標懸停在其中一個圖標上時，會在圖標上彈出兩個動態文本字段的動畫片段。

它的家鄉後，每個城市的圖標影片剪輯被命名爲：state_(abbreviation)即：state_TX

彈出文本氣球被命名爲：cityTag_mc 裏面是兩個動態文本字段：title_txt & subTitle_txt

的當用戶懸停在state_TX上並輸入該州的標題和子標題時，邏輯就是添加cityTag_mc。

我的主要問題是如何將文本輸入到字段（併爲氣球設置動畫）。我不知道從哪裏開始。我想在操作腳本中設置每個狀態的文本。我從哪說起呢？最佳做法是什麼？

Answer 1

一旦你創建了所有的城市圖標，並將它們放置在舞臺上並給予它們實例名稱，然後將它們放入一個數組中。這只是爲了讓事情更容易管理。

cityIcons.push(state_tx), cityIcons.push(state_ca)等

現在，我們需要添加代碼來獲取氣球顯現。你提到了它的動畫效果。將你的氣球的動畫放在你的textfields下的cityTag_mc中。給它一個實例名稱，例如balloon_mc。

現在我們需要添加監聽器。我們將遍歷我們的數組，所以我們只需要編寫一次。

//instead of manually adding to listeners to every city icon movielip we can now 
//just loop over all the items in the array 
for (var i:int = 0; i < cityIcons.length;i++) 
{ 
    var mcCity:MovieClip = cityIcons[i] as MovieClip; 
    myCity.addEventListener(MouseEvent.MOUSE_OVER, onMouseOver) 
    myCity.addEventListener(MouseEvent.MOUSE_OUT, onMouseOut) 

} 

function onMouseOut(e:MouseEvent):void 
{ 
    cityTag_mc.visible = false; 
    //TODO any animating of balloon, maybe you could have 
    //different labels so instead of changing visible change alpha when your tweening 

} 

function onMouseOver(e:MouseEvent):void 
{ 

    //move balloon to where the city icon is 
    //e.target refers to the object you have added the listener to 
    cityTag_mc.x = e.target.x; // move the balloons position to the city's position 
    cityTag_mc.x = e.target.y; 
    //you may want to add an offset so its not directly overthe top 

    cityTag_mc.visible = true; 

    switch(e.target) 
    { 
     //testing which city instance icon we rolled over 
     case:state_tx 
     cityTag_mc.title_txt.text ="Texas"; 
     cityTag_mc.balloon_mc.play(); //don't worry about this for now 
     //do remaining stuff 
     break; 
     case:state_ca 
     //same as above 

    } 

} 

您可以將稱爲cityTag_mc氣球的實例已經在舞臺上，並設置明顯的虛假，也可以根據需要創建和刪除。這只是一個指導，不要把它當作100％，因爲這只是我的頭頂。