AS3 - After clicking button, make it stay in "over" mode

Question

How would I do this?

I've got tree buttons. Only one is supposed to be "selected" at a time. They play different animations.

What I need, is to set the button (which has different bg color depending on its over, up and down state) to it's down state.

Simply put; I need to freeze the button in it's down-state when it's clicked. And when I click one of the other buttons, it's supposed to return back to its normal state, and the new button is to be frozen in it's down state.

I'm using Flash, AS3..

Thanks! =)

Found this.. http://stackoverflow.com/questions/560490/flash-toggle-button — Stian Berg Larsen, Feb 22 '12 at 11:49
I just stored each state at init(); and cleared the toggle each time I click a button.. (cant answer my ownquestion yet.. :P) — Stian Berg Larsen, Feb 22 '12 at 12:00
Seems like the simplest thing is to reskin a RadioButton component — Amy Blankenship, Feb 22 '12 at 13:50

score 2 · Accepted Answer · edited Mar 14 '14 at 20:35

Simply stated:

When you set the upState = downState to show that an item was selected, you have lost the ability to go back to the original upState. So it's a very simple matter to store the upState as a variable so that you can ALWAYS go back to it.

//capture upstate as a variable

var buttonUpVar:DisplayObject = button.upState;

//button stays selected or in downState when released.

button.upState = button.downState;

//deselect button by going back to original upState

button.upState = buttonUpVar;

Done, with minimal code.

score 1 · Answer 2 · answered Feb 22 '12 at 12:31

Try this code that I adapted from the solution you linked to.

private toggledButton:SimpleButton;

private function buttonToggle(button:SimpleButton){
    var currDown:DisplayObject = button.downState;
    button.downState = button.upState;
    button.upState = currDown;
}

private function clickEvent(e:MouseEvent){
    if (toggledButton != e.target) {
        buttonToggle(e.target);
        if (toggledButton)
            buttonToggle(toggledButton);
        toggledButton = e.target;
    }
}

Triode · Answer 3 · 2013-08-08T20:53:10.023

1

private function onClick(event:MouseEvent):void {
    if(prevSelected) {
        //change the skin of selected 
    }
    //save the current selected button 
    //change the current selected button skin
}

edited Aug 08 '13 at 20:53

answered Feb 22 '12 at 12:33

Triode

11,309
2
38
48

AS3 - After clicking button, make it stay in "over" mode

3 Answers3