• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1191
  • Last Modified:

AS3 Button states

I have a site that has multiple buttons. In AS2, I program the movieClips for the Up, Over, Down and Hit states. Whena user clicks on a "button", then I used gotoAndStop to a seperate timeline frame in which I show that "button" in its Over state.

I know want to do the same thing in AS3. I have code below that allows me to change the color as needed. However, when I click on a new button, the new button changes color correctly, but the previously clicked button still shows the Over state, instead of the Up state.

Do I need to add a loop to go through the button states and change them all back to the Up state, or is there an "addListener" function I should use to change the button state back?
public function navRelease(evt:MouseEvent):void {
  var colorTransform:ColorTransform = DisplayObject(evt.target).transform.colorTransform;
  colorTransform.color = 0xFF0000;
  DisplayObject(evt.target).transform.colorTransform = colorTransform;
}

Open in new window

0
msukow
Asked:
msukow
  • 2
  • 2
1 Solution
 
blue-genieCommented:
you'll need to use listeners to check for the different mouse states ie over out etc to go to the correct state for each of the buttons.
0
 
msukowAuthor Commented:
I had used listeners for the different states. However, when I click on a mvoieclip button, I want the state of that to be "On".

I had change the clicked state to be "On", but was unable to turn it off when I clicked on another button. Instead, all buttons stayed in the "On" state.
0
 
blue-genieCommented:
can you provide the code you're using.
if you have listeners on the buttons that says if the mouse is not over me go to the off state and the mouse is on another button it should do that.
0
 
rascalpantsCommented:

you would need to have some code that turns the state of all buttons to the "off" state first with a for/loop, and then turn the button that needs the "on" state to on.


rp / ZA
0
 
rascalpantsCommented:

forgot to add the code...


I assume your syntax is correct...


rp / ZA



var buttonsArray:Array = new Array( btn1, btn2, btn2, btn4);
 
public function navRelease(evt:MouseEvent):void
{
  var colorTransform1:ColorTransform = DisplayObject(evt.target).transform.colorTransform;
  colorTransform1.color = 0x0000FF; // blue
 
  for(var i:int = 0; i < buttonsArray.length, i++)
  {
    DisplayObject( buttonsArray[i] ).transform.colorTransform = colorTransform1;
  }
 
  var colorTransform2:ColorTransform = DisplayObject(evt.target).transform.colorTransform;
  colorTransform2.color = 0xFF0000;  // red
  DisplayObject(evt.target).transform.colorTransform = colorTransform2;
}

Open in new window

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now