AS3ボタンの状態

Question

私のステージには7つのボタンがあります（buttonA、buttonBなど）。 私はRollOverを制御したい、RollOut & AS3のCLick。

最初に私は、私はちょうど（2）ロールオーバー状態であるところ

すなわちgotoAndStopを行くために私のボタンのリスナーを言うことができると思いました。 またはクリック状態のgotoAndStop（3）。 およびgotoAndStop（1）はRollOut状態です。

しかし、「クリック」してから展開すると、他のボタンがクリックされるまで「クリック」したままにする必要があります。

これを理解できないようです。どんな助けもありがとう。

Answer 1

うーん...

私は、ボタン要素の範囲内でロールオーバーとプレスの機能を維持し、永久クリック状態のためのフレーム2を行うだろう。

[これはすぐに書かれたコードですが、あなたのアイデアを得るでしょう]

あなたには、いくつかの親が各ボタンの機能と個々のクリックハンドラを「リセット」してい必要がありますようです。

buttonA.addEventListener(MouseEvent.MOUSE_DOWN, buttonADown); 


function resetButtons(){ 
    buttonA.gotoAndStop(1); 
    buttonB.gotoAndStop(1); 
    buttonC.gotoAndStop(1); 
    buttonD.gotoAndStop(1); 
    buttonE.gotoAndStop(1); 
    buttonF.gotoAndStop(1); 
    buttonG.gotoAndStop(1); 
} 

function buttonADown(e.Mouse_Event):void{ 

    resetButtons(); //RESET ALL PREVIOUSLY CLICKED BUTTONS 
    buttonA.gotoAndStop(2); 
} 

// and so on down the line.... 

Answer 2

ボタンの名前を数値で指定すると、より迅速かつ効率的になります。ボタン1、ボタン2、button2を...これは私はおそらく最初はかなりgetChildByNameを使用してに頼るよりも、配列内のボタンを配置するでしょうが、あなたが、簡単に

// loop through the buttons and give them mouse click listeners 
for (var i:int = 1 ; i <= 7; i++){ 
    var curButton:MovieClip = getChildByName ("button"+i); 
    // set click lisitener 
    curButton.addEventListener (MouseEvent.CLICK, buttonClickHandler); 
    // set rollover listener 
    curButton.addEventListener (MouseEvent.ROLLOVER, buttonRollOverHandler); 
    // set rollout listener 
    curButton.addEventListener (MouseEvent.ROLLOUT, buttonRollOutHandler); 

    // set initial state 
    curButton.gotoAndStop(1); 
} 

function resetStates(){ 
    for (var i = 1; i<=7; i++){ 
     var curButton = getChildByName("button"+i); 
     curButton.gotoAndStop(1); 
    } 
} 

function buttonRollOverHandler (evt:MouseEvent){ 
    resetStates(); 
    evt.target.gotoAndStop(2); 
} 
function buttonRollOutHandler (evt:MouseEvent){ 
    resetStates(); 
} 
function buttonClickHandler (evt:MouseEvent){ 
    resetStates(); 
    evt.target.gotoAndStop(3); 
}